Estilo borderRadius Propiedad
Ejemplo
Agregue bordes redondeados a un elemento div:
document.getElementById("myDIV").style.borderRadius = "25px";
Definición y uso
La propiedad borderRadius es una propiedad abreviada para establecer o devolver las cuatro propiedades borderRadius.
Las cuatro propiedades del radio del borde son (en este orden):
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
Sugerencia: ¡Esta propiedad le permite agregar esquinas redondeadas a los elementos!
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad borderRadius:
object.style.borderRadius
Establezca la propiedad borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Nota: Los cuatro valores para cada radio se dan en el orden superior izquierda, superior derecha, inferior derecha, inferior izquierda. Si se omite la parte inferior izquierda, es lo mismo que la parte superior derecha. Si se omite la parte inferior derecha, es lo mismo que la parte superior izquierda. Si se omite la parte superior derecha, es lo mismo que la parte superior izquierda.
Valores de propiedad
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners 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 devuelto: | Una cadena, que representa la propiedad border-radius de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-radius