08. Bordes

border-style

Permite definir el borde a mostrar alrededor de un elemento.

Modificamos el html:

<p class=»descripcion»>Rosario ….y premios</p>

.descripcion {
color:
font: 14px Arial;
letter-spacing: 1px;
word-spacing: 1px;
text-align: justify;
border-style: solid; (se muestra un borde formado por una línea simple y sólida)

Probar con dotted (línea de bordes), dashed (líneas intermitentes), double (dos líneas sólidas)

border-width

Permite definir el grosor del borde a mostrar alrededor de un elelemento. Esta propiedad debe ir junto a la propiedad border-width.

Añadimos en el css lo siguiente:

.descripcion {
color:
font: 14px Arial;
letter-spacing: 1px;
word-spacing: 1px;
text-align: justify;
border-style: solid;
border-width: 3px; (se expresa el grosor en píxeles)

border-color

Define el color del borde alrededor de un elemento.

border

Define el estilo del borde alrededor de un elemento en una sola línea.

Ej:

border: 1px solid blue;

Bordes individuales

Ejemplos:

border-bottom: 4px solid  blue;
border-left: 2px solid red;
border-right:
border-top: