在CSS中，可以使用border-color属性来设置边框的颜色。如果想要为元素的边框绑定不同的颜色，可以使用伪类选择器和CSS变量来实现。

以下是一个示例代码，展示了如何绑定边框的边界颜色：

HTML:

CSS:

.box {
  width: 200px;
  height: 200px;
  border-width: 5px;
  border-style: solid;
  border-top-color: var(--border-color-top);
  border-right-color: var(--border-color-right);
  border-bottom-color: var(--border-color-bottom);
  border-left-color: var(--border-color-left);
}

.box:hover {
  --border-color-top: red;
  --border-color-right: green;
  --border-color-bottom: blue;
  --border-color-left: yellow;
}

在上面的示例中，我们使用了CSS变量来定义边框的颜色，然后在伪类选择器:hover中通过为这些变量赋值来改变边框颜色。

当鼠标悬停在盒子上时，--border-color-top变量被赋值为红色，--border-color-right变量被赋值为绿色，--border-color-bottom变量被赋值为蓝色，--border-color-left变量被赋值为黄色。

这样就实现了在不同的边界上绑定不同的边框颜色。你可以根据需要调整CSS变量的值来改变边框颜色。