为什么我的两个斜杠的边界半径值不起作用？

Question

这工作：

border-radius: .6em/.9em 0 1em; 

而这个字符串变成通过Chrome开发者工具striken：

border-radius: .6em/.9em 0 0 .6em/.9em; 

我只需要设置为左弯道等于边界半径。为什么它不起作用？

这也不起作用：

border-top-left-radius: 1em/2em; 

Answer 1

该规范只允许一个/这样的：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>

Answer 2

的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完成。我相信。