HTML/CSS/Text/text decoration

Материал из Web эксперт
Перейти к: навигация, поиск

text-decoration: blink;

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p#blink {
          text-decoration: blink;
      }
        </style>
    </head>
    <body>
    <p id="blink">
        This text blinks in those browsers that support it.
    </p>
    </body>
</html>



text-decoration: line-through;

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p#line-through {
          text-decoration: line-through;
      }
        </style>
    </head>
    <body>
    <p id="line-through">
        This text has a line through it.
    </p>
    </body>
</html>



text-decoration: overline;

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p#overline {
          text-decoration: overline;
      }
        </style>
    </head>
    <body>
    <p id="overline">
        This text is overlined.
    </p>
    </body>
</html>



text-decoration:overline line-through

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>text-decoration</title>
        <style rel="stylesheet" type="text/css">
body {
    font: 14px sans-serif;
}
p {
    padding: 5px 25px;
    background: lightblue;
    border: 1px solid black;
}
span.overthrough {
    text-decoration: overline line-through;
}
        </style>
    </head>
    <body>
            <span class="overthrough">overline and line-through text</span>
            
        </p>
    </body>
</html>



text-decoration: underline;

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p#underline {
          text-decoration: underline;
      }
        </style>
    </head>
    <body>
    <p id="underline">
        This text is underlined.
    </p>
    </body>
</html>



text-decoration:underline line-through

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>text-decoration</title>
        <style rel="stylesheet" type="text/css">
body {
    font: 14px sans-serif;
}
p {
    padding: 5px 25px;
    background: lightblue;
    border: 1px solid black;
}
span.underthrough {
    text-decoration: underline line-through;
}
        </style>
    </head>
    <body>
            <span class="underthrough">underline and line-through text</span>
            
        </p>
    </body>
</html>



text-decoration: underline overline

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>text-decoration</title>
        <style rel="stylesheet" type="text/css">
body {
    font: 14px sans-serif;
}
p {
    padding: 5px 25px;
    background: lightblue;
    border: 1px solid black;
}
span.underover {
    text-decoration: underline overline;
} 
        </style>
    </head>
    <body>
            <span class="underover">underline and overline text</span>
            
        </p>
    </body>
</html>



text-decoration: underline overline line-through blink

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p {
          text-decoration: underline overline line-through blink;
      }
        </style>
    </head>
    <body>
    <p>
      This text is underlined, overlined, striken and blinking.
    </p>
    </body>
</html>



This text is underlined and overlined

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p {
          text-decoration: underline overline;
      }
        </style>
    </head>
    <body>
    <p>
      This text is underlined and overlined.
    </p>
    </body>
</html>



This text is underlined, overlined, striken and blinking.

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
      p {
          text-decoration: underline overline line-through blink;
      }
        </style>
    </head>
    <body>
    <p>
      This text is underlined, overlined, striken and blinking.
    </p>
    </body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Text/text_decoration&oldid=5891»