border-bottom-color

Introduction

Sets the bottom border color of an element. Used when you need to specify the bottom border color separately.

Usage Examples

Syntax

border-bottom-color: red;

border-bottom-color: '#ff0000';

Values

Formal Definition

Initial valueEmpty
Applies toAll elements
Inheritedno
Animatableyes

Formal Syntax

border-bottom-color = <color>
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color>

Differences from the Web

  • MDN Reference
  • Different default value (Web uses currentColor)
  • Does not support global values like inherit, initial, revert, and unset

Compatibility

Loading

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.