有没有一种方法可以将CSS中的上边框、右边框、左边框和下边框组合成超级速记风格.

例如:

border: (1px solid #ff0) (2px dashed #f0F) (3px dotted #F00) (5px solid #09f);

推荐答案

不能,不能在一条语句中全部设置.
一般情况下,您至少需要三个属性:

border-color: red green white blue;
border-style: solid dashed dotted solid;
border-width: 1px 2px 3px 4px;

然而,这将是相当混乱的.如果有四个选项,它将更具可读性和可维护性:

border-top:    1px solid  #ff0;
border-right:  2px dashed #f0F;
border-bottom: 3px dotted #f00;
border-left:   5px solid  #09f;

Css相关问答推荐

如何在CSS中使用nextJs来指定基色?

当鼠标悬停在元素的::第一行时,如何应用样式?

使用tailwind 将父div限制为其具有溢出的最短子级的高度

如何在CSS中创建水平/垂直对称的虚线边框?

如果父元素是弹性元素,则不会显示带有纵横比的空div

我找不出Firefox上奇怪的css行为的原因

如何使按钮:之后像按钮:之前一样可见

在R shiny中 Select DT表格值的背景 colored颜色 (无条件的自由 Select )

如何有条件地设置元素的字体大小,只有在未明确设置父字体大小(即字体大小为继承)的情况下?

问题定位位置:Tailwindcss 中的绝对元素

如何在父叠加层之上呈现子子

tailwind 类的别名?

Angular 导航栏问题

使用border-radius CSS时平滑边框

Rails 7引擎如何使未编译的样式表可用于托管应用程序?

边界半径不起作用

如何从 表格单元格中创建链接

CSS3 box-shadow:inset 可以只做一侧或两侧吗?喜欢边界顶部?

可变高度的 CSS 浮动 div

使图像具有响应性 - 最简单的方法