Bordes con CSS

Name: Bordes con CSS
Brand: Jose Aguilar
SKU: joseaguilarblog-1957
Availability: InStock
Rating: 5 (1 reviews)

Los bordes nos sirven para decorar algunos elementos con líneas de diferentes espesores, colores y formas.

Un ejemplo de bordes, podría ser cualquier contenedor al cual le aplicamos diferentes propiedades para hacerla más atractivo.

.content{
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
}

En la anterior clase CSS estamos definiendo un borde sólido de color gris clarito y con bordes redondeados.

Tabla de propiedades para los bordes

Propiedad	Descripción	Valores	Detalles
border	Define ancho, color y estilo general para los 4 bordes. border-top: define ancho, color y estilo para el borde superior border-right: define ancho, color y estilo para el borde derecho border-bottom: define ancho, color y estilo para el borde inferior border-left: define ancho, color y estilo para el borde izquierdo	thin	Fino
		medium	Mediano
		thick	Grueso
		longitud	Longitud
		color	Color
		transparent	Transparente
		none	Nada
		hidden	Oculto
		dotted	Punteado
		dashed	Línea de rayas
		solid	Solido
		double	Doble
		groove	Acanalado
		ridge	En relieve
		inset	Recuadro
		outset	Resalte
border-width	Ancho general de los 4 bordes. border-top-width: ancho del borde superior. border-right-width: ancho del borde derecho. border-bottom-width: ancho del borde inferior. border-left-width: ancho del borde izquierdo.	thin	Fino
		medium	Mediano
		thick	Grueso
		longitud	Longitud
border-color	Color general de los 4 bordes. border-top-color:color del borde superior border-right-color:color del borde derecho border-bottom-color:color del borde inferior border-left-color:color del borde izquierdo	color	Color
border-color		transparent	Transparente
border-style	Estilo general de los 4 bordes. border-top-style:estilo del borde superior border-right-style:estilo del borde derecho border-bottom-style:estilo del borde inferior border-left-style:estilo del borde izquierdo	none	Nada
		hidden	Oculto
		dotted	Punteado
		dashed	Línea de rayas
		solid	Solido
		double	Doble
		groove	Acanalado
		ridge	En relieve
		inset	Recuadro
		outset	Resalte