Estilo borderTopLeftRadius Propiedad
Ejemplo
Agregue un borde redondeado a la esquina superior izquierda de un elemento div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definición y uso
La propiedad borderTopLeftRadius establece o devuelve la forma del borde de la esquina superior izquierda.
Consejo: ¡Esta propiedad le permite agregar bordes redondeados a los elementos!
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad borderTopLeftRadius:
object.style.borderTopLeftRadius
Establezca la propiedad borderTopLeftRadius:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Nota: Los dos valores de longitud o porcentaje de las propiedades border-top-left-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-left corner |
% | Defines the shape of the top-left 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 devuelto: | Una cadena, que representa la propiedad border-top-left-radius de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-top-left-radius
❮ Objeto de estilo