CSS border-bottom Property

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: 

css-border-bottom-property

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

Last Updated : 21/07/2025