Thuộc tính border

Thuộc tính border thiết lập màu sắc, kiểu và độ dày đường viền cho tất cả các cạnh cùng một lúc. Là thuộc tính viết tắt cho border-width, border-style và border-color. Khác với các thuộc tính được viết tắt, nó không thể thiết lập các đường viền khác nhau cho 4 cạnh cùng lúc, mà chỉ có thể thiết lập giống nhau cho tất cả.

Cú pháp

cssbộ chọn {
  border: độ-dày kiểu màu-sắc;
}

Thứ tự các giá trị thuộc tính không quan trọng.

Ví dụ

Hãy tạo đường viền màu đen cho phần tử với độ dày là 1px:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Xem thêm

  • thuộc tính border-left,
    thiết lập đường viền bên trái
  • thuộc tính border-right,
    thiết lập đường viền bên phải
  • thuộc tính border-top,
    thiết lập đường viền trên
  • thuộc tính border-bottom,
    thiết lập đường viền dưới
  • thuộc tính outline,
    thiết lập đường viền bao ngoài cho phần tử
  • thuộc tính border-radius,
    làm tròn các góc của đường viền