x

<feBlend> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feColorMatrix> の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feComponentTransfer> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feComposite> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feConvolveMatrix> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feDiffuseLighting> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feDisplacementMap> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feDropShadow> の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feFlood> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feFuncA> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feFuncB> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feFuncG> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feFuncR> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feGaussianBlur> の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feImage> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feMerge> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feMergeNode> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feMorphology> の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feOffset> の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<fePointLight> (en-US) の場合、 x は <filter> 要素の primitiveUnits (en-US) 属性で定義される座標系での光源の X 位置を定義します。

<feSpecularLighting> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feSpotLight> (en-US) の場合、 x は <filter> 要素の primitiveUnits (en-US) 属性で定義される座標系での光源の X 位置を定義します。

<feTile> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<feTurbulence> (en-US) の場合、 x はこのプリミティブの描画領域における最小の X 座標を定義します。

<filter> の場合、 x はこのフィルターの描画領域における左上隅の X 座標をを定義します。

<foreignObject> の場合、 x はビューポートの左上隅の X 座標をを定義します。

<glyphRef> (en-US) の場合、 x が文字の x 軸の座標を定義します。

<image> の場合、 x はこの画像の左上隅の X 座標を定義します。

<mask> の場合、 x は、その効果の領域の左上隅の X 座標を定義します。この属性の正確な効果は、 maskUnits (en-US) 属性に影響されます。

<pattern> の場合、 x はタイルパターンの左上隅の x 座標を定義します。この属性の正確な効果は、 patternUnits と patternTransform (en-US) 属性に影響されます。

<rect> の場合、 x は図形の左上隅の X 座標を定義します。

<svg> の場合、 x はそのビューポートの左上隅の x 座標を定義します。

<text> にある値が 1 つの場合、 x はコンテンツテキストの位置を配置しなければならない X 座標を定義します。コンテンツテキストの位置は、通常、テキストの最初の行のベースライン上の点です。正確なコンテンツテキスト位置は、 text-anchor (en-US) や direction など、他のプロパティの影響を受けます。

複数の値がある場合、x はテキストから個々の文字への X 座標を定義します。値が文字よりも少ない場合、残りの文字は最後に配置された文字と一直線上に配置されます。値が文字よりも多い場合は、余分な値は無視されます。

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- horizontal line to materialized the text base line -->
  <line x1="0" y1="40%" x2="100%" y2="40%" />
  <line x1="0" y1="90%" x2="100%" y2="90%" />

  <!-- vertical line to materialized the x positioning -->
  <line x1="25%" y1="0" x2="25%" y2="100%" />
  <line x1="50%" y1="0" x2="50%" y2="100%" />
  <line x1="75%" y1="0" x2="75%" y2="100%" />

  <!-- x with a single value -->
  <text y="40%" x="50%">SVG</text>

  <!-- x with multiple values -->
  <text y="90%" x="25%, 50%, 75%">SVG</text>
</svg>

text {
  font: 40px sans-serif;
}

line {
  fill: none;
  stroke: red;
  stroke-width: 0.5px;
  stroke-dasharray: 2px;
}

<tref> (en-US) にある値が 1 つの場合、 x はコンテンツテキストの位置を配置しなければならない X 座標を定義します。コンテンツテキストの位置は、通常、テキストの最初の行のベースライン上の点です。正確なコンテンツテキスト位置は、 text-anchor (en-US) や direction など、他のプロパティの影響を受けます。

複数の値がある場合、x はテキストから個々の文字への X 座標を定義します。値が文字よりも少ない場合、残りの文字は最後に配置された文字と一直線上に配置されます。値が文字よりも多い場合は、余分な値は無視されます。

<tspan> にある値が 1 つの場合、 x はコンテンツテキストの位置を配置しなければならない X 座標を定義します。コンテンツテキストの位置は、通常、テキストの最初の行のベースライン上の点です。正確なコンテンツテキスト位置は、 text-anchor (en-US) や direction など、他のプロパティの影響を受けます。

複数の値がある場合、x はテキストから個々の文字への X 座標を定義します。値が文字よりも少ない場合、残りの文字は最後に配置された文字と一直線上に配置されます。値が文字よりも多い場合は、余分な値は無視されます。

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- horizontal line to materialized the text base line -->
  <line x1="0" y1="40%" x2="100%" y2="40%" />
  <line x1="0" y1="90%" x2="100%" y2="90%" />

  <!-- vertical line to materialized the x positioning -->
  <line x1="25%" y1="0" x2="25%" y2="100%" />
  <line x1="50%" y1="0" x2="50%" y2="100%" />
  <line x1="75%" y1="0" x2="75%" y2="100%" />

  <text>
    <!-- x with a single value -->
    <tspan y="40%" x="50%">SVG</tspan>

    <!-- x with multiple values -->
    <tspan y="90%" x="25%, 50%, 75%">SVG</tspan>
  </text>
</svg>

text {
  font: 40px sans-serif;
}

line {
  fill: none;
  stroke: red;
  stroke-width: 0.5px;
  stroke-dasharray: 2px;
}

<use> の場合， x は参照される要素の左上隅の x 座標を定義します．