Độ trượt cánh CSS

Độ trượt cánh CSS

outline-offset Thuộc tính này thêm khoảng trống giữa viền và viền của phần tử. Khoảng trống giữa phần tử và viền là trong suốt.

Dưới đây là ví dụ chỉ định viền ngoài 25px của viền:

Viền bên ngoài đoạn này có viền ngoài 25px.

Mô hình

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Thử nghiệm cá nhân

Dưới đây là ví dụ hiển thị khoảng trống giữa phần tử và viền của nó là trong suốt:

Mô tả đoạn này có viền bên ngoài của viền là 25px.

Mô hình

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

Thử nghiệm cá nhân

Tất cả các thuộc tính đường viền CSS

Thuộc tính Mô tả
outline Thuộc tính viết tắt, thiết lập outline-width, outline-style và outline-color trong một dòng biểu đạt.
outline-color Đặt màu của đường viền.
outline-offset Định nghĩa khoảng cách giữa đường viền và cạnh hoặc viền của phần tử.
outline-style Đặt樣式 của đường viền.
outline-width Đặt độ rộng của đường viền.