shape-image-threshold

The shape-image-threshold CSS property defines the alpha channel threshold used to extract the shape using an image as the value for shape-outside. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.

Initial value	0.0
Applies to	floats
Inherited	no
Media	visual
Computed value	The same as the specified value after clipping the <number> to the range [0.0, 1.0].
Animatable	yes, as a number
Canonical order	the unique non-ambiguous order defined by the formal grammar

Syntax

/* <number> value */
shape-image-threshold: 0.7;

/* Global values */
shape-image-threshold: inherit;
shape-image-threshold: initial;
shape-image-threshold: unset;

Values

<number>

Sets the threshold used for extracting a shape from an image. The shape is defined by the pixels whose alpha value is greater than the threshold. A threshold value outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.

Formal syntax

<number>

Specifications

Specification	Status	Comment
CSS Shapes Module Level 1 The definition of 'shape-image-threshold' in that specification.	Candidate Recommendation	Initial definition

Browser compatibility

See also

• shape-outside
• shape-margin