CSS3 사용자 인터페이스 - CSS3 개요 오프셋

CSS3 사용자 인터페이스 - CSS3 개요 오프셋

이 outline-offset속성은 외곽선과 요소의 가장자리 또는 경계 사이에 간격을 추가합니다.

윤곽선은 세 가지 방법으로 테두리와 다릅니다.

외곽선은 테두리 가장자리 외부의 요소 주위에 그려진 선입니다.

개요가 공간을 차지하지 않습니다.

외곽선은 직사각형이 아닐 수 있습니다.

다음 예제에서는 outline-offset 속성을 사용하여 테두리와 개요 사이에 15px 공간을 추가합니다.

예

div {

    border: 1px solid black;

    outline: 1px solid red;

    outline-offset: 15px;

}