NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : border-width

30 de Diciembre del 2020 por Josep Antoni Bover. 0 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos permite especificar el tamaño del borde para el objeto.

Sintaxis

border-color: valor;
border-width: TopBottom LeftRight;
border-width: Top LeftRight Bottom;
border-width: Top Left Bottom Right;

/* 1 valor para todos los costados. */
/* 2 valores : arriba y abajo, derecha y izquierda. */
/* 3 valores : arriba, derecha y izquierda, abajo.*/
/* 4 valores : arriba, derecha, abajo, izquierda. */
Podemos especificar hasta 4 valores (uno por cada costado).
Si especificamos solo un valor, se aplicará a los 4 costados.
Si especificamos 2 valores, el primer valor se asignará a top / bottom, y el segundo valor a left / right.
Si especificamos 3 valores, el primer valor se asignará al top, el segundo al right, y el tercero al bottom.
Si especificamos 4 valores, el primer valor se asignará al top, el segundo al right, y el tercero al bottom, y el cuarto al left.

thin Especifica un borde pequeño.
medium Especifica un borde medio. (Utilizada por defecto)
thick Especifica un borde espeso.
tamaño Permite definir el tamaño del borde. Para más información consulta la Referencia CSS : Unidades.
inherit Se heredara el estilo de su objeto padre.
Este valor no está soportado en IE7 e inferiores. Para IE8 se necesita definir un !DOCTYPE

Código de ejemplo


Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS1.

Soportado a partir de la versión 1
Soportado a partir de la versión 1
Soportado a partir de la versión 3.5
Soportado a partir de la versión 1
Soportado a partir de la versión 4

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados