在CSS中，/（斜杠）意味着什么？

Question

为了使用CSS样式呈现椭圆形，我在某些网站上找到了以下CSS规则

#oval {
  width: 200px;
  height: 100px;
  background: red;
  -webkit-border-radius: 100px / 50px;
     -moz-border-radius: 100px / 50px;
          border-radius: 100px / 50px;
 }

但是100px / 50px是什么意思？

CSS中 /（斜杠）的含义是什么？我们可以在哪里和所有地方使用这种速记注释？

Answer 1

  

如果在斜杠之前和之后给出了值，则斜杠前面的值设置水平半径，斜杠后面的值设置垂直半径

- http://www.w3.org/TR/css3-background/#border-radius

Answer 2

它指的是水平和垂直边界半径，用于边缘半径，它们不是完美的圆形，而是更椭圆形。

http://css-tricks.com/almanac/properties/b/border-radius/

  

注意：Firefox仅支持3.5+中的椭圆边框，而较旧的WebKit浏览器（例如Safari 4）错误地处理＆＃34; 40px 10px＆＃34;与＆＃34; 40px / 10px＆＃34;相同。