Atributo border-bottom-left-radius do CSS

定义和用法

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

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

另请参阅：

CSS3 教程：Bordas do CSS3

实例

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

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

亲自试一试

CSS 语法

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

Nota:O valor da propriedade border-bottom-left-radius define o raio (radii) do quarto círculo (define a forma dos cantos exteriores da borda) com valores de comprimento e porcentagem. O primeiro valor é o raio horizontal, e o segundo valor é o raio vertical. Se o segundo valor for omitido, ele copiará o primeiro valor. Se o comprimento for zero, o canto será quadrado, não circular. A porcentagem do raio horizontal é referente à largura da caixa de borda, e a porcentagem do raio vertical é referente à altura da caixa de borda.

Valor da propriedade

Valor Descrição Teste
length Define a forma do canto inferior esquerdo. Teste
% Define a forma do canto inferior esquerdo em porcentagem. Teste

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.borderBottomLeftRadius="5px"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -webkit- ou -moz- indicam a primeira versão com prefixo usada.

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