「CSS」text-decoration 文字に取り消し線(line-through)を引くサンプル
書式
text-decoration : line-through
line-through 取り消し線を引きます。
text-decorationは、文字に線を引きます。
使用例
<!DOCTYPE html>
<html>
<head>
<title>取り消し線 (line-through)のサンプル</title>
<style>
.cft {
text-decoration: line-through;
}
</style>
</head>
<body>
<p class="cft"> study skill become smart</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>取り消し線 (line-through)のサンプル</title>
<style>
.cft {
text-decoration: line-through;
}
</style>
</head>
<body>
<p class="cft"> study skill become smart</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <title>取り消し線 (line-through)のサンプル</title> <style> .cft { text-decoration: line-through; } </style> </head> <body> <p class="cft"> study skill become smart</p> </body> </html>
結果
画面に「study skill become smart」に取り消し線 を引きます