HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


文字に取消線を引く

CSSの書き方

text-decoration:値 値 … ;

CSSの詳細情報
プロパティ名 text-decoration 読み方 テキスト・デコレーション
初期値 none 意味 文字装飾
none/line-through
対象 すべての要素
CSSレベル CSSレベル1 対応ブラウザ Windows MAC
継承 しない IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

文字を取り消す場合に、文字の上から取消線を引くスタイルシートです。ただし、あくまでデザイン上の取消線に過ぎないので、論理的な取消線とは成り得ません。論理的に取消線を引く場合には、HTMLタグ<strike>によりHTMLの構文上で指定します。

なお、この値は「text-decoration」に対する一つの値ですので、同じプロパティの値(例えば下線underlineなど)も同時に記述することができます。この場合は、例のように値同士を半角スペースで区切ります。

CSS/HTMLサンプル

span.stk { text-decoration:line-through; }

SPAN要素に対し、クラスで取消線を指定 サンプル