如何设置元素的边框宽度百分比？我尝试了语法
border-width:10%;
但它不起作用.
我想border-width用百分比设置的原因是我有一个元素width: 80%;和height: 80%;,并且我希望元素覆盖整个浏览器窗口,所以我想将所有边框设置为10%.我没有使用两个元素方法,其中一个将位于另一个之后并充当边框,因为元素的背景是透明的,并且在其后面定位元素会影响它的透明度.
我知道这可以通过JavaScript完成,但我正在寻找一种只有CSS的方法,如果可能的话.
我正在测试一个 CSS 框架，用于通过微类指定数字。例如，类似的内容<div class="fifty percent wide">可能会翻译成width: 50%. 该实现使用 CSS 变量（自定义属性）。
考虑以下 CSS：
.fifty { --number: 50; }
.percent { --percent: calc(1% * var(--number)); }
.wide { width: var(--percent); }
一切都很好，而且效果很好。问题是我想编写一个测试套件，它将验证 的自定义属性的fifty percent值。不幸的是，如果我用来检查 的值，我会看到整个（未解析、未计算的）“calc”字符串。如果我检查 的值，我会得到已经解析的值，例如“512px”。--percent50%getComputedStyle--percentwidth
是否有某种方法可以以编程方式获取和验证自定义 CSS 属性的已解析、计算值？或者强制计算“calc”表达式的 API？