CSS Outline Offset

Thuộc tính outline-offset được sử dụng để thêm khoảng trống vào giữa một outline và cạnh hoặc đường viền của một phần tử. Khoảng trống giữa một phần tử và outline của nó là trong suốt.

Ví dụ sau sẽ chỉ định một outline nằm ở bên ngoài của đường viền, và cách đường viền 15px:

p {
    margin: 30px;
    border: 1px solid black;
    outline: 1px solid red;
    outline-offset: 15px;
}

Ví dụ sau sẽ hiển thị khoảng trống giữa một phần tử và outline của nó là trong suốt:

p {
    margin: 30px;
    background: yellow;
    border: 1px solid black;
    outline: 1px solid red;
    outline-offset: 15px;
}

Tất cả các thuộc tính Outline 

1. outline: Một shorthand property để thiết lập outline-width, outline-style, và outline-color trong một khai báo duy nhất.
2. outline-color: Thiết lập màu sắc của một outline.
3. outline-offset: Chỉ định khoảng trống giữa một outline và cạnh hoặc đường viền của một phần tử.
4. outline-style: Thiết lập kiểu của một outline.
5. outline-width: Thiết lập chiều rộng của một outline.