CSS是網頁設計中不可缺少的一部分，其中設置邊框是常見的需求。一般情況下，設置元素的邊框是通過border屬性來實現的。不過在需要單獨設置某一邊框的時候，我們就需要使用border-{direction}屬性。其中，{direction}可以是top、right、bottom、left，分別表示上、右、下、左四個方向。

/* 設置上邊框 */
border-top: 1px solid #000;
/* 設置右邊框 */
border-right: 1px solid #000;
/* 設置下邊框 */
border-bottom: 1px solid #000;
/* 設置左邊框 */
border-left: 1px solid #000;

以上代碼可以分別給元素的四個邊框設置1像素寬的實線黑色框線。當然，我們也可以使用單獨的border-width、border-style、border-color屬性來設置某一邊框的樣式。

/* 設置上邊框為1像素寬的虛線紅色邊框 */
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #f00;

利用border-{direction}屬性，我們可以輕易的實現單獨設置元素某一邊框的需求，從而更靈活地完成我們的頁面樣式設計。