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>.
<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
BCD tables only load in the browser