border-top-width | CSS CSS Properties

Specifies the thickness of the physical top border. It's often used for decorative 'top-border' highlights on layout components.

Quick example

.top-bar {
  /* Adds a thick top bar */
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: #ec4899;
}

Initial value

medium

Inherited

Applies to

all elements

Animation type

length

Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+