| CSS |
browser rendering |
expected |
border-color: rgb(118, 163, 202);
|
|
 |
border-image-source: linear-gradient(to bottom, rgb(118, 163, 202), rgb(176, 196, 222));
border-image-slice: 10;
border-image-repeat: round;
border-clip: border-box;
|
|
 |
border-color: transparent;
border-width: 20px;
border-image-source: url(border.svg);
border-image-slice: 20;
border-image-repeat: round;
|
|
 |
border-color: rgb(118, 163, 202);
border-width: 20px;
border-image-source: url(border.svg);
border-image-slice: 20;
border-image-repeat: round;
|
|
 |
border-color: rgb(118, 163, 202);
border-width: 20px;
border-image-source: url(border.svg);
border-image-slice: 20;
border-image-repeat: round;
border-clip: border-box;
|
|
 |
border-color: transparent;
border-image-source: url(border.svg);
border-image-slice: 20;
border-image-outset: 10px;
border-image-repeat: round;
|
|
 |
border-color: transparent;
border-image-source: url(border.svg);
border-image-slice: 20;
border-image-repeat: round;
border-image-outset: 10px;
border-clip: border-box;
|
|
 |