0 FPS
Propiedad CSS : border-color
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta propiedad nos permite especificar el color del borde del objeto.
Sintaxis
border-color: valor; border-color: TopBottom LeftRight; border-color: Top LeftRight Bottom; border-color: 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.
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.
Color | Especifica el color del borde. Para mas información sobre los colores en CSS visita este enlace Referencia CSS : Colores |
transparent | Especifica que el color es transparente. Este valor no está soportado en IE6 o inferiores. |
inherit | Especifica que el color debe ser heredado desde su objeto padre. Este valor no está soportado en IE7 o inferiores. En IE8 requiere la declaración de 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
Ejemplo modificado por última vez : 30/12/2020
Enlaces relacionados
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width