Con esta sencilla herramienta podrás generar rápidamente estilos de bordes CSS en código y copiarlos para tu diseño web, de entre las opciones que tiene disponible la herramienta
podrás generar estilos en los bordes de forma individual o global.
Lo único que debes hacer para generar tus estilos de borde CSS es hacer uso de la barra de propiedades cambiando los valores que están por defecto y en automático el código CSS
se ira generando en la parte inferior de la previsualización de bordes.
Puedes copiar el código generado y pegarlos en cualquiera de tus proyectos web.
¿Qué son los bordes CSS?
Un borde CSS es en una propiedad controlada mediante una sintaxis abreviada, esta sintaxis acepta múltiples valores para poder dibujar líneas alrededor de un elemento
como una caja.
Esta propiedad permite especificar atributos como el estilo, ancho y color de los bordes de un elemento.
Estilos de borde CSS
Al generar bordes CSS se permite hacer uso de los siguientes estilos.
- dotted - Define un borde punteado
- dashed - Define un borde punteado
- solid - Define un borde sólido
- double - Define un borde doble
- groove- Define un borde acanalado en 3D.
- ridge- Define un borde estriado en 3D.
- inset- Define un borde insertado en 3D.
- outset- Define un borde inicial 3D.
- none - No define ningún borde
- hidden - Define un borde oculto