English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS borde-arriba-derecha-El atributo 'radius' establece la forma redondeada del 'extremo superior derecho' del borde del elemento.
La siguiente tabla describe el uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | No |
| Producción de animación posible: | es.Consulte Atributos de animación. |
| Versión: | CSS3nueva característica |
| JavaScript sintaxis: | object object.style.borderTopRightRadius="5px" |
Nota:borde-arriba-derecha-Radius incluso si no se define el borde o se establece su valor en, esta propiedad redondea el fondo del elemento none.
La sintaxis de esta propiedad es la siguiente:
borde-arriba-derecha-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 de la esquina es un cuarto de elíptica.
Si se omite la segunda longitud o es igual a la segunda longitud, la forma de la esquina es un cuarto de círculo. Si alguna longitud es cero, la esquina es cuadrada en lugar de redondeada.
Los siguientes ejemplos muestran cómo usar borde-arriba-derecha-Atributo radius.
div {
border: 2px sólido #f08080;
borde-arriba-derecha-radius: 20px;
}Prueba aquí‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| length | En valores de longitud como px, pt, cm, em, etc., pero no se permite el uso de 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 | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre.-arriba-derecha-Valores del atributo radius. |
borde-arriba-derecha-La compatibilidad del navegador del atributo radius, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Vea el tutorial:CSS Borde,CSS3 Borde.
Atributos relacionados:borde-radius,borde-abajo-izquierda-radius,borde-abajo-derecha-radius,borde-arriba-izquierda-radius.