Thuộc tính outline-offset CSS

Định nghĩa và cách sử dụng

Thuộc tính outline-offset di chuyển đường viền và vẽ ở cạnh viền.

Đường viền khác với viền ở hai mặt:

  • Đường viền không chiếm không gian
  • Đường viền có thể không phải là hình vuông

Xem thêm:

Hướng dẫn CSS:Giao diện người dùng CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính outlineOffset

Mô hình

Định nghĩa đường viền ở bên ngoài 15 pixel của cạnh viền:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Thử ngay

Ngữ pháp CSS

outline-offset: length|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Khoảng cách từ đường viền đến cạnh viền.
inherit Định nghĩa rằng outline-offset phải kế thừa giá trị từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Kế thừa: no
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.outlineOffset="15px"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5