Propiedad border

Esta propiedad permite asignar un borde y establecer su grosor, tipo de borde y color. Para entender qué es precisamente esto, principalmente es una propiedad que se puede usar en códigos CSS y en códigos HTML siempre y cuando lo agregues dentro del atributo style. Por ejemplo:

Usando "border" en HTML	Usando "border" en CSS
<p style="border: 1px solid #2F2F2F;"></p>	p { border: 1px solid #2F2F2F; }

Hay varios tipos de bordes que se pueden cambiar y cada uno tiene una trama distinta. Para cambiar de borde, reemplaza uno de los siguiente tipos de borde por el que está en el ejemplo (solid): inset, outset, double, solid, none, dotted, dashed, groove, ridge.

Tipo de borde	Ejemplo de borde	Código
inset	Inset	<span style="margin: 2px; padding: 2px; border: 3px inset rgb(0, 0, 0);">Inset</span>
outset	Outset	<span style="margin: 2px; padding: 2px; border: 3px outset rgb(0, 0, 0);">Outset</span>
double	Double	<span style="margin: 2px; padding: 2px; border: 3px double rgb(0, 0, 0);">Double</span>
solid	Solid	<span style="margin: 2px; padding: 2px; border: 3px solid rgb(0, 0, 0);">Solid</span>
none	No implementa un borde, es nulo.
dotted	Dotted	<span style="margin: 2px; padding: 2px; border: 3px dotted rgb(0, 0, 0);">Dotted</span>
dashed	Dashed	<span style="margin: 2px; padding: 2px; border: 3px dashed rgb(0, 0, 0);">Dashed</span>
groove	Groove	<span style="margin: 2px; padding: 2px; border: 3px groove rgb(0, 0, 0);">Groove</span>
ridge	Ridge	<span style="margin: 2px; padding: 2px; border: 3px ridge rgb(0, 0, 0);">Ridge</span>

Partes de la propiedad

border: 1px solid #2F2F2F;

Lo que esta marcado en rojo, es el grosor del borde.
Lo que esta marcado en verde es el tipo de borde. Puedes cambiarlo por uno de los mencionados en el cuadro.
Y lo que esta marcado en azul es opcional y establece el color del borde.
Utilización
Esta propiedad como vimos se puede usar tanto para HTML como para CSS. Y también se puede implementar en cualquier etiqueta que esté relacionado con imágenes, textos y cuadros.

Posteado en: Propiedades