HTML/CSS/Text/text decoration
Содержание
- 1 text-decoration: blink;
- 2 text-decoration: line-through;
- 3 text-decoration: overline;
- 4 text-decoration:overline line-through
- 5 text-decoration: underline;
- 6 text-decoration:underline line-through
- 7 text-decoration: underline overline
- 8 text-decoration: underline overline line-through blink
- 9 This text is underlined and overlined
- 10 This text is underlined, overlined, striken and blinking.
text-decoration: blink;
<source lang="html4strict">
<!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>
This text blinks in those browsers that support it.
</body>
</html>
</source>
text-decoration: line-through;
<source lang="html4strict">
<!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>
This text has a line through it.
</body>
</html>
</source>
text-decoration: overline;
<source lang="html4strict">
<!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>
This text is overlined.
</body>
</html>
</source>
text-decoration:overline line-through
<source lang="html4strict">
<!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>
overline and line-through text
</p>
</body>
</html>
</source>
text-decoration: underline;
<source lang="html4strict">
<!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>
This text is underlined.
</body>
</html>
</source>
text-decoration:underline line-through
<source lang="html4strict">
<!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>
underline and line-through text
</p>
</body>
</html>
</source>
text-decoration: underline overline
<source lang="html4strict">
<!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>
underline and overline text
</p>
</body>
</html>
</source>
text-decoration: underline overline line-through blink
<source lang="html4strict">
<!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>
This text is underlined, overlined, striken and blinking.
</body>
</html>
</source>
This text is underlined and overlined
<source lang="html4strict">
<!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>
This text is underlined and overlined.
</body>
</html>
</source>
This text is underlined, overlined, striken and blinking.
<source lang="html4strict">
<!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>
This text is underlined, overlined, striken and blinking.
</body>
</html>
</source>