Estilo borderTopRightRadius Propiedad
Ejemplo
Agregue un borde redondeado a la esquina superior derecha de un elemento div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Definición y uso
La propiedad borderTopRightRadius define la forma del borde de la esquina superior derecha.
Consejo: ¡Esta propiedad le permite agregar bordes redondeados a los elementos!
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad borderTopRightRadius:
object.style.borderTopRightRadius
Establezca la propiedad borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Nota: Los dos valores de longitud o porcentaje de las propiedades border-top-right-radius definen los radios de un cuarto de elipse que define la forma de la esquina del borde del borde exterior. El primer valor es el radio horizontal, el segundo el radio vertical. Si se omite el segundo valor, se copia del primero. Si cualquiera de las longitudes es cero, la esquina es cuadrada, no redondeada. Los porcentajes del radio horizontal se refieren al ancho del cuadro del borde, mientras que los porcentajes del radio vertical se refieren a la altura del cuadro del borde.
Valores de propiedad
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad border-top-right-radius de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-top-right-radius
❮ Objeto de estilo