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

cssbộ 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

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

css#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:

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

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

Результат:

Xem thêm