CSS | -moz-outline-radius 属性

-moz-outline-radius 属性指定元素轮廓边框的圆角半径。这个属性仅适用于使用 Mozilla(Firefox) 浏览器。

语法

-moz-outline-radius: 角度;
-moz-outline-radius: 顶部左侧角度 顶部右侧角度 底部右侧角度 底部左侧角度;

属性值

• 角度：使用 CSS 中的 <length> 或 <percentage> 值指定圆角的半径。如果只指定一个值，则用该值指定所有四个角的半径。如果指定两个值，则第一个值表示顶部左侧和底部右侧角的半径，第二个值表示顶部右侧和底部左侧角的半径。如果指定三个值，则第一个值表示顶部左侧角的半径，第二个值表示顶部右侧和底部左侧角的半径，第三个值表示底部右侧角的半径。如果指定四个值，则用第一个值指定顶部左侧角的半径，第二个值指定顶部右侧角的半径，第三个值指定底部右侧角的半径，第四个值指定底部左侧角的半径。

示例

/* 使用一个值指定四个角的圆角半径 */
-moz-outline-radius: 10px;

/* 使用两个值指定相对应的左/右两个角的圆角半径，顺序是 "top-left top-right bottom-right bottom-left" */
-moz-outline-radius: 10px 20px;

/* 使用三个值指定顶部左侧角、底部右侧角和底部左侧角的圆角半径，顺序是 "top-left top/right bottom-left" */
-moz-outline-radius: 5px 10px 15px;

/* 使用四个值分别为顶部左侧角、顶部右侧角、底部右侧角和底部左侧角指定圆角半径 */
-moz-outline-radius: 5px 10px 15px 20px;

注意

• outline 属性设置的轮廓边框不会影响元素在页面中的随机位置或在布局中所占的空间。