Tidadigi Logo

CSS border-top Property

Thuộc tính border-top trong CSS dùng để thiết lập các thuộc tính đường viền trên cùng. Thuộc tính này đặt chiều rộng, kiểu dáng và màu sắc của đường viền trên.

Cú pháp: 

border-top: border-width border-style border-color|initial|inherit;

Giá trị thuộc tính: 

  • border-width: Nó được dùng để thiết lập chiều rộng của đường viền.
  • border-style: Nó được dùng để thiết lập kiểu dáng của đường viền. Giá trị mặc định là 'none'.
  • border-color: Nó được dùng để thiết lập màu sắc của đường viền.
  • initial: Thuộc tính này dùng để đặt border-top về giá trị mặc định.
  • inherit: Thuộc tính này được kế thừa từ phần tử cha của nó.

Ví dụ: Trong ví dụ này, chúng ta đang sử dụng thuộc tính đã giải thích ở trên.

HTML 
<!-- HTML code to illustrates
border-top property -->
<!DOCTYPE html>
<html>
<head>
    <title>border-top property</title>

    <!-- border-top CSS property -->
    <style>
        h1 {
            border-top: 5px solid green;
        }

        h2 {
            border-top: 4px dotted black;
        }
    </style>
</head>

<body style="text-align:center">

    <h1>GeeksforGeeks</h1>
    <h2>border-top property</h2>
</body>
</html>

Đầu ra: 

css-border-top-property

Trình duyệt được hỗ trợ: Các trình duyệt được hỗ trợ bởi thuộc tính border-top được liệt kê bên dưới: 

  • Google Chrome 1.0 trở lên
  • Edge 12 trở lên
  • Internet Explorer 4.0 trở lên
  • Firefox 1.0 trở lên
  • Opera 3.5 trở lên
  • Safari 1.0 trở lên

Last Updated : 21/07/2025