viewport-fill

viewport-fillプロパティは、ビューポートの色を指定する際に使われます。

viewport-fillプロパティによって、確立されるビューポートの内部を塗りつぶす色が指定されます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、viewport-fillプロパティの値を指定する場合はviewport-fill属性を利用します。

viewport-fill属性の値は"none"、<paint>型、もしくは"inherit"です。

例えば、
viewport-fill="red"
のように書けば、viewport-fill属性の付いた要素によって確立されるビューポートの内部が赤で塗りつぶされます。

"none"が指定された場合は、そのビューポートの内部は塗りつぶされません。

viewport-fill属性がない場合は"none"として扱われます。すなわち、塗りつぶされません。

ビューポートの塗りつぶしは最初に行われます。したがって、viewport-fill属性で指定された色は背景色のようになります。