SVGRect: x Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die x Eigenschaft beschreibt die horizontale Koordinate der Position des Elements.

Verwendungskontext

Name x
Wert <length> | <percentage>
Initial 0
Anwendbar auf <mask>, 'svg', 'rect', 'image', 'foreignObject'
Vererbt nein
Prozentsätze beziehen sich auf die Größe des aktuellen Ansichtsfensters (siehe Einheiten)
Medien visuell
Berechneter Wert absolute Länge oder Prozentsatz
Animierbar ja

Einfache Verwendung

Ein <coordinate> ist eine Länge im Benutzerkoordinatensystem, die der angegebenen Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der relevanten Achse entspricht (der x-Achse für X-Koordinaten, der y-Achse für Y-Koordinaten). Seine Syntax ist dieselbe wie die für <length>.

html
<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="0" width="40" height="40" fill="blue"></rect>
</svg>

<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="40" y="0" width="40" height="40" fill="green"></rect>
</svg>

Spezifikationen

No specification found

No specification data found for api.SVGRect.x.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
x

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support