Baseline Widely available
The offset
read-only property of the SVGStopElement
interface reflects the offset
attribute of the given <stop>
element.
An SVGAnimatedNumber
object.
offset
property
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="yellow" stop-opacity="1" />
<stop offset="100%" stop-color="red" stop-opacity="1" />
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#grad1)" />
</svg>
const stopElement = document.querySelector("stop");
// Access the offset property
console.log(stopElement.offset.baseVal); // Output: 0
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4