border-bottom-right-radius属性(CSS设置)
border-bottom-right-radius属性
border-bottom-right-radius的代码实例。
div{border:2pxsolid;border-bottom-right-radius:2em;}
从这个实例能够看出,它的特点与边框的特点也要一起进行一个设置。
在这里咱们规则了三个值,它们为边框的宽度与线条的样式,以用右下角的边框的半径。
2
浏览器支撑。目前各大主要的浏览器都支撑这样的一个border-bottom-right-radius特点,关于IE来说,它的支撑从IE8开始。
3
用法。关于border-bottom-right-radius来说,它的用法很简单,一个默认值为0,它的继承性为no它的JAVA用法为object.style.borderBottomRightRadius=
4
语法。咱们从它的语法能够看出,它的数值有着两种不同的方式,一种为数字,一种为百分比。两种各有各的妙处。
border-bottom-right-radius:length|%[length|%];
5
完好的style流程。从这个流程咱们能够知道,在实际运用的时候,border、padding、background都要逐个设置的。
6
border-bottom-left-radius特点。这是与右下边相对应的一个设置,也就是元素的左下边框的特点代码句子。
CSS设置
CSS中的border-bottom-right-radius特点用于界说给定元素边框的右下角的半径。它用于在底部边框右侧的圆角处变圆。
用法:
border-bottom-right-radius:length|[value%]|initial|inherit;
特点值:border-bottom-right-radius特点值如下所示:
length:它用于以固定长度(以px,em等)指定固定长度的右下角的半径。默认值为0。
百分比%:用于以百分比指定边框右下角的半径。
initial:用于将border-bottom-right-radius特点设置为其默认值。
inherit:此特点从其父元素承继。
例:
DOCTYPEhtml>
<html>
<head>
<title>
border-bottom-right-radiuspropertytitle>
<style>
#length{
border-color:green;
border-style:solid;
border-bottom-right-radius:20px;
}
#percentage{
border-color:green;
border-style:solid;
border-bottom-right-radius:59%;
}
#inherit{
border-color:green;
border-style:solid;
border-bottom-right-radius:inherit;
}
style>
head>
<bodystyle="text-align:center">
<h1>GeeksforGeeksh1>
<h3>border-bottom-right-radiuspropertyh3>
<divid="length">
border-bottom-right-radius:length;
div><br>
<divid="percentage">
border-bottom-right-radius:percentage;
div><br>
<divid="inherit">
border-bottom-right-radius:inherit;
div>
body>
html>
输出:
支撑的浏览器:下面列出了border-bottom-right-radius特点支撑的浏览器:
GoogleChrome5.0、4.0-webkit-
InternetExplorer9.0
Firefox4.0、3.0-moz-
Safari5.0、3.1-webkit-
Opera10.5
优秀作品:
最新作品:
评论列表(共296人参与)参与讨论或分享设计作品获得视觉癖积分奖励
时分捡到了注册会员
2021-06-22 12:2:24
-image用于设置元素的布景填充图片,background-image的特点值是url函数,url函数要求传入图片的存储途径,存储途径能够是绝对途径,也能够是相对途径。下面的HT看看吧!
回复 dar注册会员
2021-06-22 4:34:50
时代的快速开游客
2021-06-22 8:49:0
游客48998:border-bottom-r;的招牌!面临着帝国主义的欺凌与国民党反动派的残酷控制,先烈们前赴后继,流血牺牲。 届毕业生即便进了企业也不能当即做规划,假如规划出来了,别人却加工不出来,那么一切的劳作都等于零。因此,一切的规划师都需求到车间实习操作,从最根底的作业做起,积累
回复遇 5、注册会员
2021-06-22 20:6:1
与线条的样式,以用右下角的边框的半径。 2 n特点,需与type=submit合作运用,值为:地址;formenctype:向服务器发送表单数据之前怎么对其进行编码,将掩盖form
回复