：使用 margin box 作为引用框。其主要由 margin-box
margin 的外部边缘包围的形状。这种形状的圆角半径由相应的
border-radius 和
margin 的值来决定。如果
border-radius 和
margin 的比是
1 或更大，则边距框（
margin-box ）的半径是
border-radius + margin 。反之，如果两者的比小于
1 ，那么边距框的半径是
border-radius + (margin * (1 + (ratio-1)^3)) （
ratio 是
border-radius 和
margin 的比，即
border-radius / margin ）
border-box ：使用 border box 作为引用框。定义了
border 外部边缘包围的形状，此形状遵循
border 外部边缘所有常规的
border-radius 规则
padding-box ：使用 padding box 作为引用框。定义了
padding 外部边缘包围的形状，此形状遵循
padding 外部边缘所有常规的
border-radius 规则
content-box ：使用 content box 作为引用框。定义了
content 外部边缘包围的形状，此框的每个
border-radius 都大于
0 或
border-radius - border-width - padding
fill-box ：利用对象边界框作（ Object bounding box ）为引用框
stroke-box ：使用笔触边界框（ Stroke bounding box ）作为引用框
view-box ：使用最近的 SVG视窗（Viewport） 作为引用框。如果
viewBox 属性被指定来为元素创建SVG视窗，引用框将会被定位在坐标系统的原点，引用框位于由
viewBox 属性建立的坐标系的原点，引用框的尺寸用来设置
