CSS - 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.
Syntax
CSS
Copy Code
/* <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
CSS
Copy Code
<a href="css/number" title=""><number></a>
Description
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 |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | (Yes) | No support | No support | No support | 7.0 -webkit |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | No support | No support | No support | ? |
See Also
Specifications
Specification | Status | Comment |
---|---|---|
CSS Shapes Module Level 1 The definition of 'shape-image-threshold' in that specification. |
Candidate Recommendation | Initial definition |
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/shape-image-threshold