개요 스타일 속성은 요소를 둘러싸는 선의 스타일을 지정합니다. 다음 값 중 하나를 사용할 수 있습니다. -
- 없음 - 국경이 없습니다. (outline-width:0;)
- 단단함 - 윤곽선은 단일 실선입니다.
- 점선 - 윤곽선은 일련의 점입니다.
- 파선 - 개요는 일련의 짧은 줄입니다.
- 더블 - 윤곽선은 두 개의 실선입니다.
- 그루브 - 개요가 페이지에 새겨진 것처럼 보입니다.
- 릿지 - 윤곽선은 홈과 반대 방향으로 보입니다.
- 삽입 - 윤곽선은 상자가 페이지에 포함된 것처럼 보이게 합니다.
- 시작 - 윤곽선은 상자가 캔버스에서 튀어나온 것처럼 보이게 합니다.
- 숨김 - 없음과 동일합니다.
예시
다음 코드를 실행하여 개요 스타일을 구현할 수 있습니다. 속성 -
<html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid;"> This text is having thin solid outline. </p> <br /> <p style = "outline-width:thick; outline-style:dashed;"> This text is having thick dashed outline. </p> <br /> <p style = "outline-width:5px;outline-style:dotted;"> This text is having 5x dotted outline. </p> </body> </html>