CSS의 outline-color 속성은 요소 주위에 표시되는 아웃라인(외곽선)의 색상을 지정하는 데 사용됩니다.
이 속성에 사용할 수 있는 값은 color나 border-color 속성과 동일하며, 다음 세 가지 방식으로 색상을 표현할 수 있습니다.
- 색상 이름: 예)
blue,red,green - HEX 코드: 예)
#0000FF - RGB 값: 예)
rgb(0, 0, 255)
outline-color 사용 예제
아래 코드를 실행하면 outline-color 속성이 실제로 어떻게 적용되는지 확인할 수 있습니다. 이 예제에서는 파란색 실선 아웃라인을 지정했습니다.
<html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid; outline-color:blue"> 이 텍스트에는 얇은 파란색 실선 아웃라인이 적용됩니다. </p> <br /> </body> </html>
참고 사항
아웃라인을 화면에 표시하려면 outline-width와 outline-style 속성을 함께 설정해야 합니다. 특히 outline-style을 지정하지 않으면 기본값이 none이므로 아웃라인이 보이지 않으니 주의하세요.