text-stroke-color 속성
속성 text-stroke-color는 텍스트 문자의 윤곽선 또는
스톡(stroke) 색상을 지정합니다.
구문
선택자 {
text-stroke-color: 색상;
}
예제
텍스트에 주황색 스톡을 적용해 보겠습니다:
<p>
Text
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-text-stroke-color: orange;
text-stroke-color: orange;
-webkit-text-stroke-width: 1px;
color: white;
padding: 10px;
font-size: 30px;
font-weight: bold;
font-family: Arial;
}
:
관련 항목
-
텍스트 문자의 채우기 색상을 지정하는 속성
text-fill-color -
텍스트 스톡을 지정하는 속성
text-stroke -
텍스트 스톡의 두께를 지정하는 속성
text-stroke-width
