本文目錄導(dǎo)讀：

1. 具體數(shù)值
2. 百分比
3. auto關(guān)鍵字

CSS中邊框高度的設(shè)置方法

在CSS中，我們可以通過border-height屬性來設(shè)置邊框的高度，這個屬性接受一個具體的數(shù)值，或者是一個百分比，或者是一個auto關(guān)鍵字，下面我們來詳細(xì)介紹一下這些設(shè)置方法。

具體數(shù)值

我們可以直接給出一個具體的數(shù)值來設(shè)置邊框的高度，這個數(shù)值可以是像素、毫米、厘米等，只要是CSS支持的長度單位都可以，我們可以這樣設(shè)置一個高度為20像素的邊框：

div {
  border-height: 20px;
}

百分比

我們還可以使用百分比來設(shè)置邊框的高度，這種設(shè)置方法可以讓邊框的高度隨著容器元素的高度變化而變化，我們可以這樣設(shè)置一個高度為容器元素高度50%的邊框：

div {
  border-height: 50%;
}

auto關(guān)鍵字

我們還可以使用auto關(guān)鍵字來設(shè)置邊框的高度，這種設(shè)置方法會讓瀏覽器自動計算邊框的高度，通常情況下，瀏覽器會計算出使元素看起來***好的高度。

div {
  border-height: auto;
}

需要注意的是，border-height屬性只適用于border-style屬性值為solid、dashed、dotted或double的元素，如果border-style屬性的值為其他值，那么border-height屬性將無效。