filter-region-units-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/filter-region-units-001.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>SVG Filters: &lt;filter> with filter region using  for 'width' w/ objectBoundingBox units</title>

<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterProperty">

<link rel="help" href="https://drafts.fxtf.org/filter-effects/#ColorInterpolationFiltersProperty">

<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterElement">

<link rel="help" href="https://drafts.fxtf.org/filter-effects/#feFloodElement">

<link rel="help" href="https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-width">

<link rel="match" href="reference/green-100x100.html">

<style>

#target {

  width: 10px;

  height: 100px;

  background-color: red;

  filter: url(#f);

</style>

<div id="target"></div>

<svg width="0" height="0">

  <filter id="f" x="0" y="0" width="1em" height="1" font-size="10px"

          color-interpolation-filters="sRGB">

    <feFlood flood-color="green"/>

  </filter>

</svg>