initial commit

2 files changed, 481 insertions, 0 deletions

diff --git a/files/ar/web/svg/attribute/index.html b/files/ar/web/svg/attribute/index.html
new file mode 100644
index 0000000000..67cc97d9ac
--- /dev/null
+++ b/files/ar/web/svg/attribute/index.html
@@ -0,0 +1,387 @@
+---
+title: SVG Attribute reference
+slug: Web/SVG/Attribute
+tags:
+  - NeedsHelp
+  - NeedsTranslation
+  - SVG
+  - SVG Attribute
+  - SVG Reference
+  - TopicStub
+translation_of: Web/SVG/Attribute
+---
+<p>« <a href="/en/SVG" title="en/SVG">SVG</a> / <a href="/en/SVG/Element" title="en/SVG/Element">SVG Element reference</a> »</p>
+<h2 id="SVG_Attributes">SVG Attributes</h2>
+<div style="-moz-column-width: 14em; -webkit-columns: 14em; columns: 14em;">
+ <h3 id="A">A</h3>
+ <ul>
+  <li>{{ SVGAttr("accelerate") }}</li>
+  <li>{{ SVGAttr("accent-height") }}</li>
+  <li>{{ SVGAttr("accumulate") }}</li>
+  <li>{{ SVGAttr("additive") }}</li>
+  <li>{{ SVGAttr("alignment-baseline") }}</li>
+  <li>{{ SVGAttr("allowReorder") }}</li>
+  <li>{{ SVGAttr("alphabetic") }}</li>
+  <li>{{ SVGAttr("amplitude") }}</li>
+  <li>{{ SVGAttr("arabic-form") }}</li>
+  <li>{{ SVGAttr("ascent") }}</li>
+  <li>{{ SVGAttr("attributeName") }}</li>
+  <li>{{ SVGAttr("attributeType") }}</li>
+  <li>{{ SVGAttr("autoReverse") }}</li>
+  <li>{{ SVGAttr("azimuth") }}</li>
+ </ul>
+ <h3 id="B">B</h3>
+ <ul>
+  <li>{{ SVGAttr("baseFrequency") }}</li>
+  <li>{{ SVGAttr("baseline-shift") }}</li>
+  <li>{{ SVGAttr("baseProfile") }}</li>
+  <li>{{ SVGAttr("bbox") }}</li>
+  <li>{{ SVGAttr("begin") }}</li>
+  <li>{{ SVGAttr("bias") }}</li>
+  <li>{{ SVGAttr("by") }}</li>
+ </ul>
+ <h3 id="C">C</h3>
+ <ul>
+  <li>{{ SVGAttr("calcMode") }}</li>
+  <li>{{ SVGAttr("cap-height") }}</li>
+  <li>{{ SVGAttr("class") }}</li>
+  <li>{{ SVGAttr("clip") }}</li>
+  <li>{{ SVGAttr("clipPathUnits") }}</li>
+  <li>{{ SVGAttr("clip-path") }}</li>
+  <li>{{ SVGAttr("clip-rule") }}</li>
+  <li>{{ SVGAttr("color") }}</li>
+  <li>{{ SVGAttr("color-interpolation") }}</li>
+  <li>{{ SVGAttr("color-interpolation-filters") }}</li>
+  <li>{{ SVGAttr("color-profile") }}</li>
+  <li>{{ SVGAttr("color-rendering") }}</li>
+  <li>{{ SVGAttr("contentScriptType") }}</li>
+  <li>{{ SVGAttr("contentStyleType") }}</li>
+  <li>{{ SVGAttr("cursor") }}</li>
+  <li>{{ SVGAttr("cx") }}</li>
+  <li>{{ SVGAttr("cy") }}</li>
+ </ul>
+ <h3 id="D">D</h3>
+ <ul>
+  <li>{{ SVGAttr("d") }}</li>
+  <li>{{ SVGAttr("decelerate") }}</li>
+  <li>{{ SVGAttr("descent") }}</li>
+  <li>{{ SVGAttr("diffuseConstant") }}</li>
+  <li>{{ SVGAttr("direction") }}</li>
+  <li>{{ SVGAttr("display") }}</li>
+  <li>{{ SVGAttr("divisor") }}</li>
+  <li>{{ SVGAttr("dominant-baseline") }}</li>
+  <li>{{ SVGAttr("dur") }}</li>
+  <li>{{ SVGAttr("dx") }}</li>
+  <li>{{ SVGAttr("dy") }}</li>
+ </ul>
+ <h3 id="E">E</h3>
+ <ul>
+  <li>{{ SVGAttr("edgeMode") }}</li>
+  <li>{{ SVGAttr("elevation") }}</li>
+  <li>{{ SVGAttr("enable-background") }}</li>
+  <li>{{ SVGAttr("end") }}</li>
+  <li>{{ SVGAttr("exponent") }}</li>
+  <li>{{ SVGAttr("externalResourcesRequired") }}</li>
+ </ul>
+ <h3 id="F">F</h3>
+ <ul>
+  <li>{{ SVGAttr("fill") }}</li>
+  <li>{{ SVGAttr("fill-opacity") }}</li>
+  <li>{{ SVGAttr("fill-rule") }}</li>
+  <li>{{ SVGAttr("filter") }}</li>
+  <li>{{ SVGAttr("filterRes") }}</li>
+  <li>{{ SVGAttr("filterUnits") }}</li>
+  <li>{{ SVGAttr("flood-color") }}</li>
+  <li>{{ SVGAttr("flood-opacity") }}</li>
+  <li>{{ SVGAttr("font-family") }}</li>
+  <li>{{ SVGAttr("font-size") }}</li>
+  <li>{{ SVGAttr("font-size-adjust") }}</li>
+  <li>{{ SVGAttr("font-stretch") }}</li>
+  <li>{{ SVGAttr("font-style") }}</li>
+  <li>{{ SVGAttr("font-variant") }}</li>
+  <li>{{ SVGAttr("font-weight") }}</li>
+  <li>{{ SVGAttr("format") }}</li>
+  <li>{{ SVGAttr("from") }}</li>
+  <li>{{ SVGAttr("fx") }}</li>
+  <li>{{ SVGAttr("fy") }}</li>
+ </ul>
+ <h3 id="G">G</h3>
+ <ul>
+  <li>{{ SVGAttr("g1") }}</li>
+  <li>{{ SVGAttr("g2") }}</li>
+  <li>{{ SVGAttr("glyph-name") }}</li>
+  <li>{{ SVGAttr("glyph-orientation-horizontal") }}</li>
+  <li>{{ SVGAttr("glyph-orientation-vertical") }}</li>
+  <li>{{ SVGAttr("glyphRef") }}</li>
+  <li>{{ SVGAttr("gradientTransform") }}</li>
+  <li>{{ SVGAttr("gradientUnits") }}</li>
+ </ul>
+ <h3 id="H">H</h3>
+ <ul>
+  <li>{{ SVGAttr("hanging") }}</li>
+  <li>{{ SVGAttr("height") }}</li>
+  <li>{{ SVGAttr("horiz-adv-x") }}</li>
+  <li>{{ SVGAttr("horiz-origin-x") }}</li>
+ </ul>
+ <h3 id="I">I</h3>
+ <ul>
+  <li>{{ SVGAttr("id") }}</li>
+  <li>{{ SVGAttr("ideographic") }}</li>
+  <li>{{ SVGAttr("image-rendering") }}</li>
+  <li>{{ SVGAttr("in") }}</li>
+  <li>{{ SVGAttr("in2") }}</li>
+  <li>{{ SVGAttr("intercept") }}</li>
+ </ul>
+ <h3 id="K">K</h3>
+ <ul>
+  <li>{{ SVGAttr("k") }}</li>
+  <li>{{ SVGAttr("k1") }}</li>
+  <li>{{ SVGAttr("k2") }}</li>
+  <li>{{ SVGAttr("k3") }}</li>
+  <li>{{ SVGAttr("k4") }}</li>
+  <li>{{ SVGAttr("kernelMatrix") }}</li>
+  <li>{{ SVGAttr("kernelUnitLength") }}</li>
+  <li>{{ SVGAttr("kerning") }}</li>
+  <li>{{ SVGAttr("keyPoints") }}</li>
+  <li>{{ SVGAttr("keySplines") }}</li>
+  <li>{{ SVGAttr("keyTimes") }}</li>
+ </ul>
+ <h3 id="L">L</h3>
+ <ul>
+  <li>{{ SVGAttr("lang") }}</li>
+  <li>{{ SVGAttr("lengthAdjust") }}</li>
+  <li>{{ SVGAttr("letter-spacing") }}</li>
+  <li>{{ SVGAttr("lighting-color") }}</li>
+  <li>{{ SVGAttr("limitingConeAngle") }}</li>
+  <li>{{ SVGAttr("local") }}</li>
+ </ul>
+ <h3 id="M">M</h3>
+ <ul>
+  <li>{{ SVGAttr("marker-end") }}</li>
+  <li>{{ SVGAttr("marker-mid") }}</li>
+  <li>{{ SVGAttr("marker-start") }}</li>
+  <li>{{ SVGAttr("markerHeight") }}</li>
+  <li>{{ SVGAttr("markerUnits") }}</li>
+  <li>{{ SVGAttr("markerWidth") }}</li>
+  <li>{{ SVGAttr("mask") }}</li>
+  <li>{{ SVGAttr("maskContentUnits") }}</li>
+  <li>{{ SVGAttr("maskUnits") }}</li>
+  <li>{{ SVGAttr("mathematical") }}</li>
+  <li>{{ SVGAttr("max") }}</li>
+  <li>{{ SVGAttr("media") }}</li>
+  <li>{{ SVGAttr("method") }}</li>
+  <li>{{ SVGAttr("min") }}</li>
+  <li>{{ SVGAttr("mode") }}</li>
+ </ul>
+ <h3 id="N">N</h3>
+ <ul>
+  <li>{{ SVGAttr("name") }}</li>
+  <li>{{ SVGAttr("numOctaves") }}</li>
+ </ul>
+ <h3 id="O">O</h3>
+ <ul>
+  <li>{{ SVGAttr("offset") }}</li>
+  <li>{{ SVGAttr("onabort") }}</li>
+  <li>{{ SVGAttr("onactivate") }}</li>
+  <li>{{ SVGAttr("onbegin") }}</li>
+  <li>{{ SVGAttr("onclick") }}</li>
+  <li>{{ SVGAttr("onend") }}</li>
+  <li>{{ SVGAttr("onerror") }}</li>
+  <li>{{ SVGAttr("onfocusin") }}</li>
+  <li>{{ SVGAttr("onfocusout") }}</li>
+  <li>{{ SVGAttr("onload") }}</li>
+  <li>{{ SVGAttr("onmousedown") }}</li>
+  <li>{{ SVGAttr("onmousemove") }}</li>
+  <li>{{ SVGAttr("onmouseout") }}</li>
+  <li>{{ SVGAttr("onmouseover") }}</li>
+  <li>{{ SVGAttr("onmouseup") }}</li>
+  <li>{{ SVGAttr("onrepeat") }}</li>
+  <li>{{ SVGAttr("onresize") }}</li>
+  <li>{{ SVGAttr("onscroll") }}</li>
+  <li>{{ SVGAttr("onunload") }}</li>
+  <li>{{ SVGAttr("onzoom") }}</li>
+  <li>{{ SVGAttr("opacity") }}</li>
+  <li>{{ SVGAttr("operator") }}</li>
+  <li>{{ SVGAttr("order") }}</li>
+  <li>{{ SVGAttr("orient") }}</li>
+  <li>{{ SVGAttr("orientation") }}</li>
+  <li>{{ SVGAttr("origin") }}</li>
+  <li>{{ SVGAttr("overflow") }}</li>
+  <li>{{ SVGAttr("overline-position") }}</li>
+  <li>{{ SVGAttr("overline-thickness") }}</li>
+ </ul>
+ <h3 id="P">P</h3>
+ <ul>
+  <li>{{ SVGAttr("panose-1") }}</li>
+  <li>{{ SVGAttr("paint-order") }}</li>
+  <li>{{ SVGAttr("path") }}</li>
+  <li>{{ SVGAttr("pathLength") }}</li>
+  <li>{{ SVGAttr("patternContentUnits") }}</li>
+  <li>{{ SVGAttr("patternTransform") }}</li>
+  <li>{{ SVGAttr("patternUnits") }}</li>
+  <li>{{ SVGAttr("pointer-events") }}</li>
+  <li>{{ SVGAttr("points") }}</li>
+  <li>{{ SVGAttr("pointsAtX") }}</li>
+  <li>{{ SVGAttr("pointsAtY") }}</li>
+  <li>{{ SVGAttr("pointsAtZ") }}</li>
+  <li>{{ SVGAttr("preserveAlpha") }}</li>
+  <li>{{ SVGAttr("preserveAspectRatio") }}</li>
+  <li>{{ SVGAttr("primitiveUnits") }}</li>
+ </ul>
+ <h3 id="R">R</h3>
+ <ul>
+  <li>{{ SVGAttr("r") }}</li>
+  <li>{{ SVGAttr("radius") }}</li>
+  <li>{{ SVGAttr("refX") }}</li>
+  <li>{{ SVGAttr("refY") }}</li>
+  <li>{{ SVGAttr("rendering-intent") }}</li>
+  <li>{{ SVGAttr("repeatCount") }}</li>
+  <li>{{ SVGAttr("repeatDur") }}</li>
+  <li>{{ SVGAttr("requiredExtensions") }}</li>
+  <li>{{ SVGAttr("requiredFeatures") }}</li>
+  <li>{{ SVGAttr("restart") }}</li>
+  <li>{{ SVGAttr("result") }}</li>
+  <li>{{ SVGAttr("rotate") }}</li>
+  <li>{{ SVGAttr("rx") }}</li>
+  <li>{{ SVGAttr("ry") }}</li>
+ </ul>
+ <h3 id="S">S</h3>
+ <ul>
+  <li>{{ SVGAttr("scale") }}</li>
+  <li>{{ SVGAttr("seed") }}</li>
+  <li>{{ SVGAttr("shape-rendering") }}</li>
+  <li>{{ SVGAttr("slope") }}</li>
+  <li>{{ SVGAttr("spacing") }}</li>
+  <li>{{ SVGAttr("specularConstant") }}</li>
+  <li>{{ SVGAttr("specularExponent") }}</li>
+  <li>{{ SVGAttr("speed") }}</li>
+  <li>{{ SVGAttr("spreadMethod") }}</li>
+  <li>{{ SVGAttr("startOffset") }}</li>
+  <li>{{ SVGAttr("stdDeviation") }}</li>
+  <li>{{ SVGAttr("stemh") }}</li>
+  <li>{{ SVGAttr("stemv") }}</li>
+  <li>{{ SVGAttr("stitchTiles") }}</li>
+  <li>{{ SVGAttr("stop-color") }}</li>
+  <li>{{ SVGAttr("stop-opacity") }}</li>
+  <li>{{ SVGAttr("strikethrough-position") }}</li>
+  <li>{{ SVGAttr("strikethrough-thickness") }}</li>
+  <li>{{ SVGAttr("string") }}</li>
+  <li>{{ SVGAttr("stroke") }}</li>
+  <li>{{ SVGAttr("stroke-dasharray") }}</li>
+  <li>{{ SVGAttr("stroke-dashoffset") }}</li>
+  <li>{{ SVGAttr("stroke-linecap") }}</li>
+  <li>{{ SVGAttr("stroke-linejoin") }}</li>
+  <li>{{ SVGAttr("stroke-miterlimit") }}</li>
+  <li>{{ SVGAttr("stroke-opacity") }}</li>
+  <li>{{ SVGAttr("stroke-width") }}</li>
+  <li>{{ SVGAttr("style") }}</li>
+  <li>{{ SVGAttr("surfaceScale") }}</li>
+  <li>{{ SVGAttr("systemLanguage") }}</li>
+ </ul>
+ <h3 id="T">T</h3>
+ <ul>
+  <li>{{ SVGAttr("tableValues") }}</li>
+  <li>{{ SVGAttr("target") }}</li>
+  <li>{{ SVGAttr("targetX") }}</li>
+  <li>{{ SVGAttr("targetY") }}</li>
+  <li>{{ SVGAttr("text-anchor") }}</li>
+  <li>{{ SVGAttr("text-decoration") }}</li>
+  <li>{{ SVGAttr("text-rendering") }}</li>
+  <li>{{ SVGAttr("textLength") }}</li>
+  <li>{{ SVGAttr("to") }}</li>
+  <li>{{ SVGAttr("transform") }}</li>
+  <li>{{ SVGAttr("type") }}</li>
+ </ul>
+ <h3 id="U">U</h3>
+ <ul>
+  <li>{{ SVGAttr("u1") }}</li>
+  <li>{{ SVGAttr("u2") }}</li>
+  <li>{{ SVGAttr("underline-position") }}</li>
+  <li>{{ SVGAttr("underline-thickness") }}</li>
+  <li>{{ SVGAttr("unicode") }}</li>
+  <li>{{ SVGAttr("unicode-bidi") }}</li>
+  <li>{{ SVGAttr("unicode-range") }}</li>
+  <li>{{ SVGAttr("units-per-em") }}</li>
+ </ul>
+ <h3 id="V">V</h3>
+ <ul>
+  <li>{{ SVGAttr("v-alphabetic") }}</li>
+  <li>{{ SVGAttr("v-hanging") }}</li>
+  <li>{{ SVGAttr("v-ideographic") }}</li>
+  <li>{{ SVGAttr("v-mathematical") }}</li>
+  <li>{{ SVGAttr("values") }}</li>
+  <li>{{ SVGAttr("version") }}</li>
+  <li>{{ SVGAttr("vert-adv-y") }}</li>
+  <li>{{ SVGAttr("vert-origin-x") }}</li>
+  <li>{{ SVGAttr("vert-origin-y") }}</li>
+  <li>{{ SVGAttr("viewBox") }}</li>
+  <li>{{ SVGAttr("viewTarget") }}</li>
+  <li>{{ SVGAttr("visibility") }}</li>
+ </ul>
+ <h3 id="W">W</h3>
+ <ul>
+  <li>{{ SVGAttr("width") }}</li>
+  <li>{{ SVGAttr("widths") }}</li>
+  <li>{{ SVGAttr("word-spacing") }}</li>
+  <li>{{ SVGAttr("writing-mode") }}</li>
+ </ul>
+ <h3 id="X">X</h3>
+ <ul>
+  <li>{{ SVGAttr("x") }}</li>
+  <li>{{ SVGAttr("x-height") }}</li>
+  <li>{{ SVGAttr("x1") }}</li>
+  <li>{{ SVGAttr("x2") }}</li>
+  <li>{{ SVGAttr("xChannelSelector") }}</li>
+  <li>{{ SVGAttr("xlink:actuate") }}</li>
+  <li>{{ SVGAttr("xlink:arcrole") }}</li>
+  <li>{{ SVGAttr("xlink:href") }}</li>
+  <li>{{ SVGAttr("xlink:role") }}</li>
+  <li>{{ SVGAttr("xlink:show") }}</li>
+  <li>{{ SVGAttr("xlink:title") }}</li>
+  <li>{{ SVGAttr("xlink:type") }}</li>
+  <li>{{ SVGAttr("xml:base") }}</li>
+  <li>{{ SVGAttr("xml:lang") }}</li>
+  <li>{{ SVGAttr("xml:space") }}</li>
+ </ul>
+ <h3 id="Y">Y</h3>
+ <ul>
+  <li>{{ SVGAttr("y") }}</li>
+  <li>{{ SVGAttr("y1") }}</li>
+  <li>{{ SVGAttr("y2") }}</li>
+  <li>{{ SVGAttr("yChannelSelector") }}</li>
+ </ul>
+ <h3 id="Z">Z</h3>
+ <ul>
+  <li>{{ SVGAttr("z") }}</li>
+  <li>{{ SVGAttr("zoomAndPan") }}</li>
+ </ul>
+</div>
+<h2 id="Categories">Categories</h2>
+<h3 id="Animation_event_attributes">Animation event attributes</h3>
+<p>{{ SVGAttr("onbegin") }}, {{ SVGAttr("onend") }}, {{ SVGAttr("onload") }}, {{ SVGAttr("onrepeat") }}</p>
+<h3 id="AnimationAttributeTarget" name="AnimationAttributeTarget">Animation attribute target attributes</h3>
+<p>{{ SVGAttr("attributeType") }}, {{ SVGAttr("attributeName") }}</p>
+<h3 id="Animation_timing_attributes">Animation timing attributes</h3>
+<p>{{ SVGAttr("begin") }}, {{ SVGAttr("dur") }}, {{ SVGAttr("end") }}, {{ SVGAttr("min") }}, {{ SVGAttr("max") }}, {{ SVGAttr("restart") }}, {{ SVGAttr("repeatCount") }}, {{ SVGAttr("repeatDur") }}, {{ SVGAttr("fill") }}</p>
+<h3 id="Animation_value_attributes">Animation value attributes</h3>
+<p>{{ SVGAttr("calcMode") }}, {{ SVGAttr("values") }}, {{ SVGAttr("keyTimes") }}, {{ SVGAttr("keySplines") }}, {{ SVGAttr("from") }}, {{ SVGAttr("to") }}, {{ SVGAttr("by") }}, {{ SVGAttr("autoReverse") }}, {{ SVGAttr("accelerate") }}, {{ SVGAttr("decelerate") }}</p>
+<h3 id="Animation_addition_attributes">Animation addition attributes</h3>
+<p>{{ SVGAttr("additive") }}, {{ SVGAttr("accumulate") }}</p>
+<h3 id="Conditional_processing_attributes">Conditional processing attributes</h3>
+<p>{{ SVGAttr("requiredExtensions") }}, {{ SVGAttr("requiredFeatures") }}, {{ SVGAttr("systemLanguage") }}.</p>
+<h3 id="Core_attributes">Core attributes</h3>
+<p>{{ SVGAttr("id") }}, {{ SVGAttr("xml:base") }}, {{ SVGAttr("xml:lang") }}, {{ SVGAttr("xml:space") }}</p>
+<h3 id="Document_event_attributes">Document event attributes</h3>
+<p>{{ SVGAttr("onabort") }}, {{ SVGAttr("onerror") }}, {{ SVGAttr("onresize") }}, {{ SVGAttr("onscroll") }}, {{ SVGAttr("onunload") }}, {{ SVGAttr("onzoom") }}</p>
+<h3 id="Filter_primitive_attributes">Filter primitive attributes</h3>
+<p>{{ SVGAttr("height") }}, {{ SVGAttr("result") }}, {{ SVGAttr("width") }}, {{ SVGAttr("x") }}, {{ SVGAttr("y") }}</p>
+<h3 id="Graphical_event_attributes">Graphical event attributes</h3>
+<p>{{ SVGAttr("onactivate") }}, {{ SVGAttr("onclick") }}, {{ SVGAttr("onfocusin") }}, {{ SVGAttr("onfocusout") }}, {{ SVGAttr("onload") }}, {{ SVGAttr("onmousedown") }}, {{ SVGAttr("onmousemove") }}, {{ SVGAttr("onmouseout") }}, {{ SVGAttr("onmouseover") }}, {{ SVGAttr("onmouseup") }}</p>
+<h3 id="Presentation_attributes">Presentation attributes</h3>
+<div class="note">
+ Note that all SVG presentation attributes can be used as CSS properties.</div>
+<p>{{ SVGAttr("alignment-baseline") }}, {{ SVGAttr("baseline-shift") }}, {{ SVGAttr("clip") }}, {{ SVGAttr("clip-path") }}, {{ SVGAttr("clip-rule") }}, {{ SVGAttr("color") }}, {{ SVGAttr("color-interpolation") }}, {{ SVGAttr("color-interpolation-filters") }}, {{ SVGAttr("color-profile") }}, {{ SVGAttr("color-rendering") }}, {{ SVGAttr("cursor") }}, {{ SVGAttr("direction") }}, {{ SVGAttr("display") }}, {{ SVGAttr("dominant-baseline") }}, {{ SVGAttr("enable-background") }}, {{ SVGAttr("fill") }}, {{ SVGAttr("fill-opacity") }}, {{ SVGAttr("fill-rule") }}, {{ SVGAttr("filter") }}, {{ SVGAttr("flood-color") }}, {{ SVGAttr("flood-opacity") }}, {{ SVGAttr("font-family") }}, {{ SVGAttr("font-size") }}, {{ SVGAttr("font-size-adjust") }}, {{ SVGAttr("font-stretch") }}, {{ SVGAttr("font-style") }}, {{ SVGAttr("font-variant") }}, {{ SVGAttr("font-weight") }}, {{ SVGAttr("glyph-orientation-horizontal") }}, {{ SVGAttr("glyph-orientation-vertical") }}, {{ SVGAttr("image-rendering") }}, {{ SVGAttr("kerning") }}, {{ SVGAttr("letter-spacing") }}, {{ SVGAttr("lighting-color") }}, {{ SVGAttr("marker-end") }}, {{ SVGAttr("marker-mid") }}, {{ SVGAttr("marker-start") }}, {{ SVGAttr("mask") }}, {{ SVGAttr("opacity") }}, {{ SVGAttr("overflow") }}, {{ SVGAttr("pointer-events") }}, {{ SVGAttr("shape-rendering") }}, {{ SVGAttr("stop-color") }}, {{ SVGAttr("stop-opacity") }}, {{ SVGAttr("stroke") }}, {{ SVGAttr("stroke-dasharray") }}, {{ SVGAttr("stroke-dashoffset") }}, {{ SVGAttr("stroke-linecap") }}, {{ SVGAttr("stroke-linejoin") }}, {{ SVGAttr("stroke-miterlimit") }}, {{ SVGAttr("stroke-opacity") }}, {{ SVGAttr("stroke-width") }}, {{ SVGAttr("text-anchor") }}, {{ SVGAttr("text-decoration") }}, {{ SVGAttr("text-rendering") }}, {{ SVGAttr("unicode-bidi") }}, {{ SVGAttr("visibility") }}, {{ SVGAttr("word-spacing") }}, {{ SVGAttr("writing-mode") }}</p>
+<h3 id="Transfer_function_attributes">Transfer function attributes</h3>
+<p>{{ SVGAttr("type") }}, {{ SVGAttr("tableValues") }}, {{ SVGAttr("slope") }}, {{ SVGAttr("intercept") }}, {{ SVGAttr("amplitude") }}, {{ SVGAttr("exponent") }}, {{ SVGAttr("offset") }}</p>
+<h3 id="XLink_attributes">XLink attributes</h3>
+<p>{{ SVGAttr("xlink:href") }}, {{ SVGAttr("xlink:type") }}, {{ SVGAttr("xlink:role") }}, {{ SVGAttr("xlink:arcrole") }}, {{ SVGAttr("xlink:title") }}, {{ SVGAttr("xlink:show") }}, {{ SVGAttr("xlink:actuate") }}</p>
diff --git a/files/ar/web/svg/index.html b/files/ar/web/svg/index.html
new file mode 100644
index 0000000000..a1a48347e6
--- /dev/null
+++ b/files/ar/web/svg/index.html
@@ -0,0 +1,94 @@
+---
+title: SVG
+slug: Web/SVG
+tags:
+  - 2D Graphics
+  - NeedsTranslation
+  - References
+  - SVG
+  - TopicStub
+translation_of: Web/SVG
+---
+<div class="callout-box">
+ <strong><a href="/en-US/docs/SVG/Tutorial" title="SVG/Tutorial">Getting Started</a></strong><br>
+ This tutorial will help get you started using SVG.</div>
+<p><strong>Scalable Vector Graphics (SVG)</strong> is an <a href="/en-US/docs/XML" title="XML">XML</a> {{Glossary("markup language")}} for describing two-dimensional {{Glossary("vector graphics")}}. SVG is essentially to graphics what {{Glossary("XHTML")}} is to text.</p>
+<p>SVG is similar in scope to Adobe's proprietary Flash technology, but what distinguishes SVG from Flash is that it is a <a href="http://www.w3.org/Graphics/SVG/">W3C recommendation</a> (i.e., a standard) and that it is {{Glossary("XML")}}-based as opposed to a closed binary format. It is explicitly designed to work with other <a href="http://www.w3.org/">W3C</a> standards such as <a href="/en-US/docs/CSS" title="CSS">CSS</a>, <a href="/en-US/docs/DOM" title="DOM">DOM</a> and <a href="http://www.w3.org/AudioVideo/">SMIL</a>.</p>
+<div class="cleared row topicpage-table">
+ <div class="section">
+  <h2 class="Documentation" id="Documentation">Documentation</h2>
+  <dl>
+   <dt>
+    <a href="/en-US/docs/Web/SVG/Element">SVG element reference</a></dt>
+   <dd>
+    Get details about each SVG element.</dd>
+   <dt>
+    <a href="/en-US/docs/Web/SVG/Attribute">SVG attribute reference</a></dt>
+   <dd>
+    Get details about each SVG attribute.</dd>
+   <dt>
+    <a href="/en-US/docs/DOM/DOM_Reference#SVG_interfaces">SVG DOM interface reference</a></dt>
+   <dd>
+    Get details about the whole SVG DOM API.</dd>
+   <dt>
+    Enhance HTML content</dt>
+   <dd>
+    SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to enhance a regular HTML page or web application.</dd>
+   <dt>
+    SVG in Mozilla</dt>
+   <dd>
+    Notes and information on how SVG is implemented in Mozilla.
+    <ul>
+     <li><a href="/en-US/docs/SVG_in_Firefox">How much SVG is implemented in Firefox</a></li>
+     <li><a href="/en-US/docs/Web/SVG/Tutorial">Tutorial for how to use </a></li>
+     <li><a href="/en-US/docs/SVG_In_HTML_Introduction">SVG in XHTML</a></li>
+    </ul>
+   </dd>
+  </dl>
+  <p><span class="alllinks"><a href="/en-US/docs/tag/SVG">View All...</a></span></p>
+  <h2 class="Community" id="Community">Community</h2>
+  <ul>
+   <li>View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</li>
+  </ul>
+  <h2 class="Tools" id="Tools">Tools</h2>
+  <ul>
+   <li><a href="http://www.w3.org/Graphics/SVG/Test/">SVG Test Suite</a></li>
+   <li><a href="http://jiggles.w3.org/svgvalidator/">SVG Validator</a> (Discontinued)</li>
+   <li><a href="/en-US/docs/tag/SVG:Tools" title="tag/SVG:Tools">More Tools...</a></li>
+   <li>Other resources: <a href="/en-US/docs/XML">XML</a>, <a href="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM">DOM</a>, <a href="/en-US/docs/HTML/Canvas">Canvas</a></li>
+  </ul>
+ </div>
+ <div class="section">
+  <h2 class="Related_Topics" id="Examples">Examples</h2>
+  <ul>
+   <li>Google <a href="http://maps.google.com">Maps</a> (route overlay) &amp; <a href="http://docs.google.com">Docs</a> (spreadsheet charting)</li>
+   <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">SVG bubble menus</a></li>
+   <li><a href="http://jwatt.org/svg/authoring/">SVG authoring guidelines</a></li>
+   <li>An overview of the <a href="/en-US/docs/Mozilla_SVG_Project">Mozilla SVG Project</a></li>
+   <li><a href="/en-US/docs/SVG/FAQ" title="SVG/FAQ">Frequently asked questions</a> regarding SVG and Mozilla</li>
+   <li>Slides and demos from talk on <a href="http://jwatt.org/svg-open-US/docs/2009/slides.xhtml">SVG and Mozilla</a> at SVG Open 2009</li>
+   <li><a href="/en-US/docs/SVG/SVG_as_an_Image">SVG as an image</a></li>
+   <li><a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SVG animation with SMIL</a></li>
+   <li><a href="http://plurib.us/1shot/2007/svg_gallery/">SVG art gallery</a></li>
+   <li>More samples (<a href="http://croczilla.com/bits_and_pieces/svg/samples">SVG Samples croczilla.com</a>, <a href="http://www.carto.net/papers/svg/samples/">carto.net</a>)</li>
+  </ul>
+  <h3 id="Animation_and_interactions">Animation and interactions</h3>
+  <p>Like HTML, SVG has a document model (DOM), events and is accessible from JavaScript. This allows developers to create rich animations and interactive images.</p>
+  <ul>
+   <li>Some real eye-candy SVG at <a href="http://svg-wow.org/">svg-wow.org</a></li>
+   <li>Firefox extension (<a href="http://schepers.cc/grafox/">Grafox</a>) to add a subset of {{Glossary("SMIL")}} animation support</li>
+   <li>Interactive <a href="http://people.mozilla.com/~vladimir/demos/photos.svg">photos</a> manipulation</li>
+   <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a> using SVG's <code>foreignObject</code></li>
+  </ul>
+  <h3 id="Mapping_charting_games_3D_experiments">Mapping, charting, games &amp; 3D experiments</h3>
+  <p>While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.</p>
+  <ul>
+   <li><a href="http://www.codedread.com/yastframe.php">Tetris</a></li>
+   <li><a href="https://web.archive.org/web/20131019072450/http://www.treebuilder.de/svg/connect4.svg" title="Archive link provided because source now requires authentication.">Connect 4</a></li>
+   <li><a href="http://www.carto.net/papers/svg/us_population/index.html">US population map</a></li>
+   <li><a href="http://www.treebuilder.de/default.asp?file=441875.xml">3D box</a> &amp; <a href="http://www.treebuilder.de/default.asp?file=206524.xml">3D boxes</a></li>
+   <li><a href="http://jvectormap.com/">jVectorMap</a> (interactive maps for data visualization)</li>
+  </ul>
+ </div>
+</div>
+<p> </p>