Propriedade border-top-right-radius do CSS

Definição e uso

A propriedade border-top-right-radius define a forma da borda do canto inferior direito.

Dica:Essa propriedade permite que você adicione bordas arredondadas ao elemento.

Veja também:

Tutorial do CSS3:Bordas do CSS3

Exemplo

Adicione bordas arredondadas ao canto superior direito do elemento div:

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

Experimente você mesmo

Sintaxe do CSS

border-top-right-radius: length|% [length|%];

Notas:O valor da propriedade border-top-right-radius é definido por um valor de comprimento e uma porcentagem que definem o raio (radii) de um quarto de elipse (define a forma dos cantos exteriores da borda) do radius. 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 Define a forma do canto superior direito. Teste
% Define a forma do canto superior direito em porcentagem. Teste

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.borderTopRightRadius="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