English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-bottom-right-La propiedad 'radius' en CSS se utiliza para establecer el estilo circular del borde inferior derecho del elemento. Este círculo puede ser circular o elíptico, y cuando su valor es 0, se convierte en un borde de esquina recta común. El fondo, ya sea una imagen o un color, será afectado por esta propiedad en su forma.
La tabla a continuación proporciona una descripción de uso y registro histórico de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | todos los elementos |
| Herencia: | ninguno |
| Animable: | es.Consulte Propiedades de animación。 |
| Versión: | CSS3nueva función |
| Sintaxis de JavaScript: | object object.style.borderBottomRightRadius="8px" |
Nota：border-bottom-right-El atributo radius redondea el fondo del elemento incluso si no se define el borde o se establece su valor en none.
La sintaxis de este atributo es la siguiente：
border-bottom-right-radius: [ length | percentage ]1 o 2 values | initial | inherit
Este atajo puede usar un o dos valores separados por un espacio en blanco.
El valor de longitud opcional define el radio vertical de la esquina superior derecha, por lo que la forma del ángulo es un cuarto de elíptico.
Si se omite el segundo valor de longitud o es igual al segundo valor de longitud, la forma del ángulo es un cuarto de círculo. Si cualquier longitud es cero, el ángulo es cuadrado en lugar de redondeado.
Los siguientes ejemplos muestran cómo usar border-bottom-right-Atributo radius.
div {
border: 2px solid #f08080;
border-bottom-right-radius: 20px;
}Ver prueba‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | El valor de longitud puede ser px, pt, cm, em, etc., pero no se permiten valores negativos. |
| percentage | El tamaño del radio, en porcentajes. En el caso de dos valores, el primer valor se calcula como un porcentaje del ancho del cuadro del elemento (es decir, el radio horizontal), y el segundo valor se calcula como un porcentaje de la altura del cuadro del elemento (es decir, el radio vertical). No se permiten valores negativos. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el border del elemento padre-bottom-right-El valor calculado del atributo radius. |
border-bottom-right-La compatibilidad del atributo radius en los navegadores, los números en la tabla a continuación representan la versión mínima de navegador que admite el atributo, todos los navegadores principales admiten este atributo.
|
Advertencia： Internet Explorer 8y versiones anteriores no admiten este border-bottom-right-El atributo radius no es compatible en IE9y versiones posteriores son compatibles.
Ver tutorial：CSS Border，CSS3 Border。
Propiedades relacionadas：border-radius，border-bottom-left-radius，border-top-left-radius，border-top-right-radius。