Thuộc tính border-bottom-color trong CSS được dùng để đặt màu cho đường viền dưới của một phần tử. Bạn phải khai báo border-style hoặc border-bottom-style trước khi dùng border-bottom-color. Vì cần có đường viền trước khi thay đổi màu của nó.
Giá trị hiện tại của phần tử là màu mặc định của thuộc tính này. Thuộc tính border-bottom-color trong CSS có thể tạo hiệu ứng động, nhưng không được kế thừa.
Syntax:
border-bottom-color: color|transparent|initial|inherit;
Default Value : Giá trị mặc định của nó là initial.
Property Values: Các giá trị của thuộc tính border-bottom-color được liệt kê dưới đây:
- color: Xác định màu của đường viền dưới.
- transparent: Chỉ định rằng màu viền sẽ trong suốt.
- initial: Được sử dụng để đặt giá trị mặc định của nó.
- inherit: Được dùng khi một phần tử kế thừa thuộc tính này từ phần tử cha.
Example:
html<!DOCTYPE html>
<html>
<head>
<title>
CSS | border-bottom-color Property
</title>
<style>
h1 {
border-bottom-style: solid;
border-bottom-color: green;
}
div {
border-style: solid;
border-bottom-color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<div>I am a div with green bottom border. </div>
</body>
</html>
Output:
Supported Browsers: Các trình duyệt được hỗ trợ bởi border-bottom-color property được liệt kê dưới đây:
- Google Chrome 1.0 trở lên
- Edge 12.0 trở lên
- Internet Explorer 4.0 trở lên
- Firefox 1.0 trở lên
- Safari 1.0 trở lên
- Opera 3.5 trở lên