有没有一种只在一面写边界的较短方法?

我通过以下操作获得了所有边缘的边界:

<div class="border border-blue-900 border-t-1">foo</div>

我注意到当我使用 border tailwindcss ,

• 1. 防止填充和边框影响图元宽度。
• 我们习惯于在html元素中设置它并从中继承
• 其他所有元素的父元素。这引起了一些问题
• 由一个div包裹,盒子大小设置为 content-box .
• https://github.com/mozdevs/cssremedy/issues/4
• 默认情况下,浏览器指定元素不应具有
• 边框是通过将其边框样式设置为 none 在用户代理中
• border-width
• 属性,我们将所有元素的默认边框样式更改为 solid
• 使用边框宽度来隐藏它们。这样我们的
• 边框宽度 属性而不是整个 边境
• 简而言之,使我们的边界实用程序更易于编写。
• https://github.com/tailwindcss/tailwindcss/pull/116 */

https://github.com/tailwindlabs/tailwindcss/blob/723e8d4377eb25b66a6224f767937fa02762eb52/src/plugins/css/preflight.css

我已经成功地将其应用于顶部边缘,方法如下。

<div class="border border-blue-900 border-t-1 border-l-0 border-r-0 border-b-0">foo</div>

但是,这太长了。有没有办法把它缩短?

我也在考虑以下备选方案。

How do I take it as a parameter in JIT?

这样,我还可以调整宽度(而不是边框的宽度,这是为 display: block ).