用css给一个元素加边框有哪些方法？

:scope {
  // 方法一
  border: 3px solid black;
  // 方法二
  box-shadow: 0 0 0 1px black; /*不影响布局,无限叠加*/
  // 方法三
  outline: 1px solid black; /*不支持圆角*/
  // 方法四
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' stroke='%23000' fill='transparent'/%3E%3C/svg%3E");
  // 方法五
  background-clip: content-box; /*形成透明边框*/
  padding: 1px;
  // 方法六
  border-image: linear-gradient(red, black) 1;
  border: 1px solid;
}