CSS border-bottom-left-radius özelliği

定义和用法

border-bottom-left-radius 属性定义左下角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：CSS3 Kenarlar

实例

向 div 元素的左下角添加圆角边框：

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

亲自试一试

CSS 语法

border-bottom-left-radius: length|% [length|%

Yorum:border-bottom-left-radius özelliğinin uzunluk değeri ve yüzdelik değerleri, dörtte bir elipsin (dış kenar çerçevesinin köşe şeklini tanımlar) yarıçapını (radii) tanımlar. İlk değer yatay yarıçap, ikinci değer dikey yarıçapdır. İkinci değer atlanırsa, ilk değer kopyalanır. Uzunluk sıfırsa, köşe kare olur, değilse dügendir. Yatay yarıçapın yüzdelik değeri çerçeve kutusunun genişliğine, dikey yarıçapın yüzdelik değeri çerçeve kutusunun yüksekliğine referanstır.

Özellik değeri

Değer Açıklama Test
length Sol alt köşenin şeklini tanımlar。 Test
% Sol alt köşenin şeklini yüzdelik değerle tanımlar。 Test

Teknik ayrıntılar

Varsayılan değer： 0
Mirasçılık: hayır
Sürüm： CSS3
JavaScript dilbilgisi： object.style.borderBottomLeftRadius="5px"

浏览器支持

表格中的数字指出了完全支持该属性的第一个浏览器版本。

使用前缀的第一个版本表示带有 -webkit- 或 -moz- 的数字。

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5