CSSの基本 ～ テキストに線を付ける ～
～ テキストに線を付ける ～
テキストに線を付けるにはテキスト装飾の「text-decoration」を使います。付けられる線の種類は「上線」「下線」「取消し線」の３種類があり、CSSでの指定方法はそれぞれ「overline」「underline」「line-through」になります。
text-decoration : overline ; /*上線*/
text-decoration : underline; /*下線*/
text-decoration : line-through; /*取消し線*/
サンプルソース
<style type="text/css">
<!--
#sample-uesen {
text-decoration : overline ; /*上線*/
}
#sample-shitasen {
text-decoration : underline ; /*下線*/
}
#sample-torikeshisen {
text-decoration : line-through ; /*取消し線*/
}
-->
結果
これは上線です。
これは下線です。
これは取消し線です。
備考など
取消し線はHTMLの <s> タグで付けることもできます。
HTMLの基本 ～ 文字に取り消し線を入れる ～ - JavaScript & jQuery & CSS & HTML の達人
END
