Propriedade border-top-right-radius

A propriedade border-top-right-radius cria um arredondamento para o canto superior direito da borda e do fundo. O valor da propriedade pode ser qualquer unidade de medida. Valor padrão: 0.

Sintaxe

cssseletor {
  border-top-right-radius: valor;
}

Exemplo

Vamos definir um arredondamento de 10px para o canto superior direito:

html<div id="elem"></div>

css#elem {
  border-top-right-radius: 10px;
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Veja também

a propriedade border-top-left-radius,
que define o arredondamento para o canto superior esquerdo
a propriedade border-bottom-left-radius,
que define o arredondamento para o canto inferior esquerdo
a propriedade border-bottom-right-radius,
que define o arredondamento para o canto inferior direito
a propriedade border-radius,
que define o arredondamento para todos os cantos simultaneamente
a propriedade border,
que é uma propriedade abreviada para a borda