Thuộc tính outline

Thuộc tính outline thiết lập màu sắc, kiểu và độ dày cho đường viền bên ngoài (border không chiếm không gian) cho tất cả các cạnh đồng thời, nhưng khác với border thì border như vậy không mở rộng phần tử. Là thuộc tính viết tắt cho outline-width, outline-style và outline-color (nhưng không cho outline-offset).

Cú pháp

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

Thứ tự của các giá trị không quan trọng.

Ví dụ . Chỉ outline

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

#elem {
	outline: 1px solid black;
	width: 300px;
	height: 100px;
}

Ví dụ . Các thuộc tính outline và border cùng nhau

Đường viền từ outline sẽ ở bên ngoài, còn đường viền từ border - ở bên trong:

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

#elem {
	outline: 4px solid green;
	border: 4px solid red;
	width: 300px;
	height: 100px;
}

Xem thêm

thuộc tính outline-offset,
thiết lập khoảng cách dịch chuyển của đường viền