The shape-image-threshold property is used to set the threshold of the alpha channel used to extract the shape when using an image for shape-outside.
- alpha-value: It is used to set the threshold for extracting the shape. The pixels which are greater than the threshold value would be considered for the shape. A decimal value from 0.0 to 1.0 can be used for setting the threshold from fully transparent to fully opaque. If the values are outside the range they are clamped to this range.
Below examples illustrate the shape-image-threshold Property:
Example 1: In this example, we will set the threshold to 0.5
Example 2: In this example, we will set the threshold to 0.2
Supported Browsers: The browsers supported by shape-image-threshold property are listed below:
- Google Chrome
- Internet Explorer 9
- CSS | transition-property Property
- CSS | nav-down property
- CSS | all Property
- CSS | right Property
- CSS | nav-right property
- CSS | nav-up property
- CSS | top Property
- CSS | clip Property
- Web API | DOMRectReadOnly y property
- HTML | DOM li value Property
- CSS | cursor property
- CSS | align-self Property
- CSS | perspective Property
- CSS | resize Property
- CSS overflow-y Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.