UTILS.
기본부터 지키는 개인정보
T○

CSS 텍스트 스트로크

텍스트에 외곽선이나 스트로크를 추가하고 CSS를 복사합니다.

파일은 이 기기에만 남습니다

파일은 브라우저에서 처리되며 업로드되지 않습니다. 사이트는 도구 실행에 필요한 코드와 리소스를 다운로드합니다. 계정이나 추적은 없습니다.

다운로드를 눌러 이 도구를 하나의 HTML 파일로 저장하고 오프라인으로 사용하세요.

개인정보 →

이 도구에 대하여

스트로크 너비, 스트로크 색상, 채움 색상, 글꼴 크기를 설정해 텍스트에 외곽선을 추가하며, 큼직한 실시간 미리보기와 복사 가능한 -webkit-text-stroke CSS를 제공합니다. 모두 브라우저에서 처리합니다.

자주 묻는 질문

-webkit-text-stroke는 널리 지원되나요?
네 — 접두사가 붙어 있지만 Chrome, Edge, Safari, Firefox를 포함한 모든 최신 주요 브라우저에서 작동합니다.
속이 빈 외곽선 텍스트는 어떻게 만드나요?
채움 색상을 배경색(또는 투명)으로 설정하면 각 글자의 스트로크 외곽선만 보이게 됩니다.

더 많은 도구