CSS 邊框可以指定百分比嗎？

CSS 邊框厚度百分比：可能嗎？

問題：

在嘗試建立帶邊框的元素時覆蓋瀏覽器視窗的指定百分比，您嘗試使用border-width:10%;，但失敗了。有沒有辦法在 CSS 中使用百分比設定邊框粗細？

答案：

邊框不支援百分比...但仍然可以。 ..

根據CSS 規範，邊框不支援百分比寬度：

邊框寬度

值

百分比

邊框-頂部寬度

`

繼承`

border-width	Value	Percentages
border-top-width	`	inherit`	N/A

不適用

非腳本解決方案：

由於CSS邊框不支援百分比，請考慮使用包裝元素來模擬邊框：

1. 將包裝的背景顏色設定為您想要的邊框顏色。
2. 在包裝元素上使用百分比填充，而不是邊框寬度。
3. 設定將元素的背景顏色變更為所需的內容顏色。

此技術使用填充物來模擬百分比邊框。

範例：

建立25%寬度的側邊邊框使用這個方法：

HTML：

CSS：

以上是CSS 邊框可以指定百分比嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！