Atributo border-top-left-radius CSS

定义和用法

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

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

另请参阅：

CSS3 教程：Bordas do CSS3

实例

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

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

亲自试一试

CSS 语法

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

Notas:O valor da propriedade border-top-left-radius define o raio (radii) do quarto círculo (define a forma dos cantos externos do borda) através do valor de comprimento e percentagem. 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 em vez de circular. A porcentagem do raio horizontal se refere à largura da caixa de borda, e a porcentagem do raio vertical se refere à altura da caixa de borda.

Valor da propriedade

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

Detalhes técnicos

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

Suporte do navegador

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

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