CSS邊框折疊是一種用于實現邊框縮小或擴張的CSS技巧，可以通過設置邊框的的寬度和高度，使邊框在需要縮小或擴張時根據實際需要進行折疊。

折疊邊框的原理是，當需要縮小邊框時，將邊框寬度設置為一個值，當需要擴張邊框時，將邊框寬度設置為一個比原來更小的數值。這樣，邊框就會按照實際需要的大小進行折疊，從而避免出現邊框過于擁擠或過于稀疏的情況。

以下是一個簡單的示例，展示了如何使用CSS邊框折疊來實現一個折疊邊框的效果：

```html

<div class="折疊-邊框">

<p>這是一段文本。</p>

</div>

```css

.折疊-邊框 {

width: 200px;

border-radius: 5px;

border: 2px solid green;

.展開-邊框 {

width: 200px;

border-radius: 5px;

border: 2px solid red;

在這個示例中，當用戶點擊“展開”按鈕時，邊框會被放大到原來的大小，而點擊“折疊”按鈕時，邊框會被縮小到200px的寬度。

需要注意的是，使用CSS邊框折疊時，需要確保邊框的顏色是固定的，并且不能出現邊框邊框的現象。另外，折疊邊框的效果比較靈活，可以根據實際需要進行適當的調整。