Edit in JSFiddle

CSS
HTML
Result

.ex1 {
     -webkit-text-decoration-line: overline; /* Safari */
     text-decoration-line: overline; 
}

.ex2 {
     -webkit-text-decoration-line: underline; /* Safari */
     text-decoration-line: underline; 
}

.ex3 {
     -webkit-text-decoration-line: line-through; /* Safari */
     text-decoration-line: line-through; 
}

.ex4 {
     -webkit-text-decoration-line: overline underline; /* Safari */
     text-decoration-line: overline underline; 
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <h1>text-decoration-line</h1>
    <p>This is none.</p>
    <p class="ex1">This is overline.</p>
    <p class="ex2">This is underline.</p>
    <p class="ex3">This is line-through.</p>
    <p class="ex4">This is overline underline.</p>
  </body>
</html>