CSS) text-decoration text-decoration:line-through; text-decoration:underline text-decoration:overline;

1) text-decoration

문자의 장신(line)을 지정

속성 값

값	의미	기본값
none	선 없음	none
underline	밑줄을 지정
overline	윗줄을 지정
line-through	중앙 선(가로지르는)을 지정

 

html

<div class="heropy1">HEROPY1</div><br/>
<div class="heropy2">HEROPY2</div><br/>
<div class="heropy3">HEROPY3</div><br/>
<div class="heropy4">HEROPY4</div>

css

.heropy1 {
  font-size:80px;
  text-decoration:none;
}
.heropy2 {
  font-size:80px;
  text-decoration:underline;
}
.heropy3 {
  font-size:80px;
  text-decoration:overline;
}
.heropy4 {
  font-size:80px;
  text-decoration:line-through;
}

출력결과