-Radius border-bottom-direito de propriedade CSS3
Exemplos
Adicionar cantos arredondados para o canto inferior direito do elemento div:
{
border: 2px sólida;
-Border-bottom-rádio direito: 2em;
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
Atributo definições e instruções
propriedade border-raio direita define a forma da borda inferior direita.
Nota: Esta propriedade permite adicionar elementos cantos arredondados!
padrão: | 0 |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto object.style.borderBottomRightRadius = "5px" |
gramática
Nota: Tanto o comprimento ou a percentagem border-right-radius atribuir valores definem a forma oval de um quarto do canto externo borda fronteira.O primeiro valor é o raio horizontal e o segundo raio é vertical. Se o segundo valor é omitido, é copiado a partir do primeiro. Se qualquer um de comprimento zero, o canto é quadrado, não redondas. A percentagem de raio horizontal refere-se à largura da caixa delimitadora, e a percentagem de raio verticais refere-se à altura da caixa delimitadora.
值 | 描述 |
---|---|
length | 定义右下角的形状。 |
% | 使用%定义右下角的形状。 |
artigos relacionados
tutorial CSS3: CSS3 Fronteiras