border-image属性在chrome中的不同效果

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
  <body>
      <div  style="width: 350px; height: 46px; padding:10px; -webkit-border-image: url(image/whiteButton.png) 8 stretch ; border-width: 8px;">-webkit-border-image效果</div>
      <div  style="width: 350px;  height: 46px;padding:10px;border-image: url(image/whiteButton.png) 8 stretch ; border-width: 8px;">border-image效果</div>
</body>
</html>

不清楚是什么原因，先记下方便回顾

2022-12-23
2021-11-19
2022-12-23
2022-12-23
2021-07-14
2021-08-12
2022-12-23