x

« SVG Attribute reference home

This attribute indicates an x-axis coordinate in the user coordinate system. The exact effect of this coordinate depend on each element. Most of the time, it represent the x-axis coordinate of the upper-left corner of the rectangular region of the reference element (see each individual element's documentation for exceptions).Its syntax is the same as that for <length>

If the attribute is not specified, the effect is as if a value of 0 were specified except for the <filter> and <mask> elements where the default value is -10%.

Usage context

Example

<?xml version="1.0"?>
<svg width="120" height="120"
     viewBox="0 0 120 120"
     xmlns="https://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>

Elements

The following elements can use the x attribute

• Filter primitive elements »
• <altGlyph>
• <fePointLight>
• <feSpotLight>
• <filter>
• <foreignObject>
• <glyphRef>
• <image>
• <pattern>
• <rect>
• <svg>
• <text>
• <use>
• <mask>
• <tref>
• <tspan>