📌  相关文章
📜  HTML | DOM 样式 borderTopRightRadius 属性(1)

📅  最后修改于: 2023-12-03 15:31:13.453000             🧑  作者: Mango

HTML | DOM 样式 borderTopRightRadius 属性

介绍

CSS的 border-radius 属性可以使元素的边角变成圆形或椭圆形。其中， borderTopRightRadius 是 CSS3 中设置元素右上角圆角的属性。

使用 DOM操纵属性可以通过JavaScript修改元素的样式。

语法
// 设置元素的右上角圆角半径
element.style.borderTopRightRadius = "value";

value 可以是一个数值，也可以是一个包含 1 到 4 个值的空格分隔的字符串。如：10px 或 10px 20px，其中第一个值设置水平圆角半径，第二个值可选，设置垂直圆角半径。

实例

我们通过以下 JavaScript 代码设置一个 ID 为 "myDiv" 的div元素的右上角圆角半径：

document.getElementById("myDiv").style.borderTopRightRadius = "25px";
兼容性

|

浏览器
|
borderTopRightRadius
| | ----- | ----- | | Chrome | 4.0 | | Safari | 5.0 | | Firefox | 4.0 | | IE | 9.0 | | Opera | 10.5 |

注意
  • 当设置 border-radius 时，优先使用4个值的语法。
参考链接