- text-decoration : underline - 글자 아래에 라인
- text-decoration : overline - 글자 위에 라인
- text-decoration : line-through - 글자 중간에 라인
text-decoration
CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!
text-decoration 글자에 라인을 만듭니다.
아래, 위, 중간에 만들 수 있습니다. 테두리를 치는것은 아닙니다.
예제 1
개요 - 텍스트에 라인 만드는 용도로의 사용
보기
text-decoration : underline
text-decoration : overline
text-decoration : line-through
소스
<style type="text/css">
.css_test {
padding : 15px;
font-size : 17pt !important;
text-align : center;
}
</style>
<div class="css_test" style="text-decoration:underline;">text-decoration : underline</div>
<div class="css_test" style="text-decoration:overline;">text-decoration : overline</div>
<div class="css_test" style="text-decoration:line-through;">text-decoration : line-through</div>
.css_test {
padding : 15px;
font-size : 17pt !important;
text-align : center;
}
</style>
<div class="css_test" style="text-decoration:underline;">text-decoration : underline</div>
<div class="css_test" style="text-decoration:overline;">text-decoration : overline</div>
<div class="css_test" style="text-decoration:line-through;">text-decoration : line-through</div>
설명
예제 2
여러개의 라인 동시에 적용하기
보기
text-decoration : underline overline
text-decoration : underline overline line-through
소스
<style type="text/css">
.css_test {
padding : 15px;
font-size : 17pt !important;
text-align : center;
}
</style>
<div class="css_test" style="text-decoration:underline overline;">text-decoration : underline overline</div>
<div class="css_test" style="text-decoration:underline overline line-through;">text-decoration : underline overline line-through</div>
.css_test {
padding : 15px;
font-size : 17pt !important;
text-align : center;
}
</style>
<div class="css_test" style="text-decoration:underline overline;">text-decoration : underline overline</div>
<div class="css_test" style="text-decoration:underline overline line-through;">text-decoration : underline overline line-through</div>
설명
- text-decoration : underline overline 처럼 띄어쓰기로 나열해 주면 됩니다.
- text-decoration : underline overline line-through