Table of contents
Bordes redondeados
La propiedad border-radius se utiliza para agregar bordes redondeados a un elemento:
Ejemplo:
p {
border: 2px solid red;
border-radius: 5px;
}
Todas las propiedades border CSS
| Propiedad | Descripción |
border | Establece todas las propiedades de borde en una declaración. |
border-bottom | Establece todas las propiedades del borde inferior en una declaración. |
border-bottom-color | Establece el color del borde inferior. |
border-bottom-style | Establece el estilo del borde inferior. |
border-bottom-width | Establece el ancho del borde inferior. |
border-color | Establece el color de los cuatro bordes. |
border-left | Establece todas las propiedades del borde izquierdo en una declaración. |
border-left-color | Establece el color del borde izquierdo. |
border-left-style | Establece el estilo del borde izquierdo. |
border-left-width | Establece el ancho del borde izquierdo. |
border-radius | Establece las cuatro propiedades border-*-radius para esquinas redondeadas. |
border-right | Establece todas las propiedades del borde derecho en una declaración. |
border-right-color | Establece el color del borde derecho. |
border-right-style | Establece el estilo del borde derecho. |
border-right-width | Establece el ancho del borde derecho. |
border-style | Establece el estilo de los cuatro bordes. |
border-top | Establece todas las propiedades del borde superior en una declaración. |
border-top-color | Establece el color del borde superior. |
border-top-style | Establece el estilo del borde superior. |
border-top-width | Establece el ancho del borde superior. |
border-width | Establece el ancho de los cuatro bordes. |
Resumen
La propiedad border-radius permite agregar bordes redondeados a un elemento en CSS. También existen otras propiedades border para establecer el estilo, ancho y color de los bordes. Este artículo incluye una tabla con todas las propiedades border disponibles en CSS.
Traducido con 💚 desde W3Schools.com