Thuộc tính border-bottom trong CSS dùng để đặt tất cả thuộc tính đường viền dưới trên cùng một dòng. Nó được dùng để đặt chiều rộng, kiểu và màu của đường viền dưới. Giá trị mặc định là initial.
Syntax
border-bottom: border-width border-style border-color|initial|inherit;
Property Values
border-bottom là một shorthand để đặt các giá trị thuộc tính dưới đây:
Values | Descriptions |
---|---|
border-width | Nó được dùng để đặt chiều rộng của đường viền. |
border-style | Nó được dùng để đặt kiểu của đường viền. Giá trị mặc định của nó là ‘none’. |
border-color | Nó được dùng để đặt màu của đường viền. |
initial | Thuộc tính này được dùng để đặt border-bottom về giá trị mặc định của nó. |
inherit | Thuộc tính này được kế thừa từ phần tử cha của nó. |
Example:
html<!DOCTYPE html>
<html>
<head>
<title>border-bottom property</title>
<!-- border-bottom CSS property -->
<style>
h1 {
border-bottom: 5px solid green;
}
h2 {
border-bottom: 4px dotted black;
}
</style>
</head>
<body style="text-align:center">
<h1>GeeksforGeeks</h1>
<h2>border-bottom property</h2>
</body>
</html>
Output:
Supported Browsers
Các trình duyệt được hỗ trợ bởi border-bottom property được liệt kê dưới đây:
- Google Chrome 1.0
- Edge 12.0
- Firefox 1.0
- Opera 3.5
- Safari 1.0