(→더 진하게) |
잔글 ("CSS 글자 외곽선" 문서를 보호했습니다 ([편집=자동 인증된 사용자만 허용] (무기한) [이동=자동 인증된 사용자만 허용] (무기한))) |
||
| (사용자 2명의 중간 판 6개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
;CSS 텍스트 외곽선 | ;CSS 텍스트 외곽선 | ||
;CSS 글자 윤곽선 | |||
;CSS 글자 테두리 | ;CSS 글자 테두리 | ||
| 20번째 줄: | 21번째 줄: | ||
<style> | <style> | ||
.text_border { | .text_border { | ||
text-shadow: - | text-shadow: -1px 0 #f00, 0 1px #f00, 1px 0 #f00, 0 -1px #f00; | ||
} | } | ||
</style> | </style> | ||
| 29번째 줄: | 30번째 줄: | ||
==같이 보기== | ==같이 보기== | ||
* [[CSS | * [[CSS 글자 그림자 text-shadow 속성]] | ||
* [[CSS 컬러 유니코드 문자 외곽선]] | * [[CSS 컬러 유니코드 문자 외곽선]] | ||
2020년 1월 8일 (수) 13:41 기준 최신판
- CSS 텍스트 외곽선
- CSS 글자 윤곽선
- CSS 글자 테두리
1 소스 코드
- IE9 이하에서는 작동하지 않는다.
<style>
.text_border {
text-shadow: 0 0 2px #f00;
}
</style>
<div class='text_border'>안녕 친구들!</div>
2 더 진하게
아래와 같이 변경하면 더욱 진해진다.
<style>
.text_border {
text-shadow: -1px 0 #f00, 0 1px #f00, 1px 0 #f00, 0 -1px #f00;
}
</style>
<div class='text_border'>안녕 친구들!</div>
3 같이 보기
4 참고
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}