In the following examples, I am using this image (each circle is 20px in diameter)
For this first set, I am keeping the slice consistent at 25%.
| Stretch Value | no border-width | border-width:10px; | border-width:20px; | border-width:40px; | border-width:5px 10px 20px 40px |
|---|---|---|---|---|---|
| ROUND | |||||
| REPEAT | |||||
| STRETCH | |||||
| SPACE |
| AT 50%, round | |||||
|---|---|---|---|---|---|
| AT 33%, round | |||||
| AT 33%, repeat | |||||
| AT 33%, stretch | |||||
| AT 20%, round | |||||
| AT 20%, repeat | |||||
| AT 20%, stretch |