(css) outline

outline

윤곽선은 요소를 "눈에 띄게"만들기 위해 테두리 외부의 요소 주위에 그려지는 선입니다.

border 특성과 다르게 2줄 겹치지 않고 1줄로 해주는듯

h2 {
    border: 1px solid red;
    outline: 5px dotted green;
}

div.a {
    border: 1px solid red;
    outline: 2px dashed blue;
}

Note: The outline is not a part of the element's dimensions, therefore the element's width and height properties do not contain the width of the outline.