豆豆小说阅读网,小说阅读网站,好看的历史书籍推荐

語(yǔ)法：

border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

默認(rèn)值：看每個(gè)獨(dú)立屬性

適用于：所有元素

繼承性：無(wú)

動(dòng)畫(huà)性：看每個(gè)獨(dú)立屬性

計(jì)算值：看每個(gè)獨(dú)立屬性

取值：

<length>：: 用長(zhǎng)度值設(shè)置對(duì)象的圓角半徑長(zhǎng)度。不允許負(fù)值
<percentage>：: 用百分比設(shè)置對(duì)象的圓角半徑長(zhǎng)度。不允許負(fù)值

說(shuō)明：

設(shè)置或檢索對(duì)象使用圓角邊框。提供2個(gè)參數(shù)，2個(gè)參數(shù)以“/”分隔，每個(gè)參數(shù)允許設(shè)置1~4個(gè)參數(shù)值，第1個(gè)參數(shù)表示水平半徑，第2個(gè)參數(shù)表示垂直半徑，如第2個(gè)參數(shù)省略，則默認(rèn)等于第1個(gè)參數(shù)

水平半徑：如果提供全部四個(gè)參數(shù)值，將按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的順序作用于四個(gè)角。
如果只提供一個(gè)，將用于全部的于四個(gè)角。
如果提供兩個(gè)，第一個(gè)用于上左(top-left)、下右(bottom-right)，第二個(gè)用于上右(top-right)、下左(bottom-left)。
如果提供三個(gè)，第一個(gè)用于上左(top-left)，第二個(gè)用于上右(top-right)、下左(bottom-left)，第三個(gè)用于下右(bottom-right)。
垂直半徑也遵循以上4點(diǎn)。
對(duì)應(yīng)的腳本特性為borderRadius。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-8.0	2.0-12.0 ^-moz- ^#1	4.0-43.0 ^-webkit-	3.1-8.1 ^-webkit-	10.5-28.0 ^-webkit-	3.2-8.1 ^-webkit-	2.1-4.4.4 ^-webkit-	18.0-40.0 ^-webkit-
Basic Support	9.0+	4.0+	5.0+	5.0+	10.5+	4.0+	2.2+	18.0+
<percentage>	9.0+	4.0+	5.0+	5.0+	10.5+	4.0+	2.1-2.3	18.0+
<percentage>	9.0+	4.0+	5.0+	5.0+	10.5+	4.0+	3.0+	18.0+

Firefox從13.0開(kāi)始移除對(duì)-moz-的支持，僅支持標(biāo)準(zhǔn)的border-radius寫(xiě)法，在4.0-12.0區(qū)間，兩種方式都支持。
早期的Chrome和Safari不支持border-radius取值為<percentage>。

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>border-radius_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列【CSS在線手冊(cè)-網(wǎng)站設(shè)計(jì)教程參考資料】</title>
<meta name="author" content="易網(wǎng),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站建設(shè),www.planaheadevents.com.cn" />
<style>
ul{margin:0;padding:0;}
li{list-style:none;margin:10px 0 0 0;padding:10px;background:#bbb;}
.test .one{border-radius:10px;}
.test .two{border-radius:10px 20px;}
.test .three{border-radius:10px 20px 30px;}
.test .four{border-radius:10px 20px 30px 40px;}
.test2 .one{border-radius:10px/5px;}
.test2 .two{border-radius:10px 20px/5px 10px;}
.test2 .three{border-radius:10px 20px 30px/5px 10px 15px;}
.test2 .four{border-radius:10px 20px 30px 40px/5px 10px 15px 20px;}
</style>
</head>
<body>
<h2>水平與垂直半徑相同時(shí)：</h2>
<ul class="test">
	<li id="nubm75x"    class="one">提供1個(gè)參數(shù)<br />border-radius:10px;</li>
	<li id="nubm75x"    class="two">提供2個(gè)參數(shù)<br />border-radius:10px 20px;</li>
	<li id="nubm75x"    class="three">提供3個(gè)參數(shù)<br />border-radius:10px 20px 30px;</li>
	<li id="nubm75x"    class="four">提供4個(gè)參數(shù)<br />border-radius:10px 20px 30px 40px;</li>
</ul>
<h2>水平與垂直半徑不同時(shí)：</h2>
<ul class="test2">
	<li id="nubm75x"    class="one">提供1個(gè)參數(shù)<br />border-radius:10px/5px;</li>
	<li id="nubm75x"    class="two">提供2個(gè)參數(shù)<br />border-radius:10px 20px/5px 10px;</li>
	<li id="nubm75x"    class="three">提供3個(gè)參數(shù)<br />border-radius:10px 20px 30px/5px 10px 15px;</li>
	<li id="nubm75x"    class="four">提供4個(gè)參數(shù)<br />border-radius:10px 20px 30px 40px/5px 10px 15px 20px;</li>
</ul>
</body>
</html>

<ul id="qeys2"></ul>

免费的三级网站-免费的色网站-免费番茄社区性色大片-免费高清特级毛片-98色花堂永久地址国产精品-999国产精品

語(yǔ)法：

取值：

說(shuō)明：

兼容性：

示例：