为什么我的两个斜杠的边界半径值不起作用?
问题描述:
border-radius: .6em/.9em 0 1em;
而这个字符串变成通过Chrome开发者工具striken:
border-radius: .6em/.9em 0 0 .6em/.9em;
我只需要设置为左弯道等于边界半径。为什么它不起作用?
这也不起作用:
border-top-left-radius: 1em/2em;
答
该规范只允许一个/
这样的:border-radius: .6em 0 0 .6em/.9em 0 0 .9em
.round {
background:red;
height:200px;
width:200px;
border-radius: .6em 0 0 .6em/.9em 0 0 .9em
}
<div class="round"></div>
答
的border-radius
的most general syntax是
的Tx的Rx Bx的LX /泰 - RY通过Ly的
可以具有用于x的半径和用于水平(x)半径在这种情况下1和4之间的值或者
0值,没有斜线并且半径是圆形的,或者
垂直(y)半径的1-4值。
您不能有两个斜线。我认为你认为语法是Tx/Ty Rx/Ry Bx/By Lx/Ly
,但不幸的是,情况并非如此。
此外,斜杠在simply not allowed中完全在特定的CSS属性中,如border-top-left-radius
。如果你想要一个椭圆形的圆角半径,必须通过border-radius
完成。我相信。
删除斜杠 – user184994
斜杠没有问题,但'border-radus'中只能有_one_这个问题。 –
好吧,这是解析器问题。嗯。 – Audiophile