Our volunteers haven't translated this article into हिन्दी (भारत) yet. Join us and help get the job done!
Summary
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
| 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 | ? |