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

bộ 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:

<div id="elem"></div>

#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