Características border-top-color en CSS

La propiedad border-top-color CSS establece el color del marco superior del elemento. Tenga en cuenta que en la mayoría de los casos es preferible utilizar propiedades CSS cortas como border-color o border-top.

Funciones border-top-color css

Valor inicial	`currentcolor`
Aplicado a	Todos los artículos.
Heredable	No
Móvil	Sí
Valor calculado	Color dado.

/* <color> valores */ 
border-top-color: red;
border-top-color: #ffbb00;
border-top-color: rgb(255, 0, 0);
border-top-color: hsla(100%, 50%, 25%, 0.75);
border-top-color: currentcolor;
border-top-color: transparent;
/* valores globales */ 
border-top-color: inherit;
border-top-color: initial;
border-top-color: unset;

Ejemplos y aplicaciones en código

En el siguiente ejemplo, estableceremos un marco superior para los elementos que son azul <div>( border-top-color), su ancho ( border-top-width) es igual 5pxy su forma ( border-top-style) tiene puntos.

Código HTML:

< div > Este elemento tiene un marco en su borde superior </ div >

Código CSS:

div {
  border-top-style: dotted;
  border-top-width: 5px;
  border-top-color: blue;
  padding: 0.5em;
}

Soporte de navegadores

Característica	Chrome	Firefox	IE	Ópera	Safari
Soporte básico	1.0	1.0	4	3,5	1.0

Características generales

La propiedad border-top-color acepta un valor.

<color>

Color del marco inferior.

Estructura border-top-color css

border-top-color: <color>;

Consulte también

La página de propiedades establecida por la propiedad de acceso directo border-top: border-top-width y border-top-style.
La página de propiedades establecido por la propiedad de acceso directo border: border-width, border-style, y border-color.
Configure una imagen para el marco usando la función border-image.
Esquinas redondeadas y border-radius esquinas superiores (border-top-left-radius border-top-right-radius)
La propiedad color que establece el color del elemento y el valor del color <color>.