ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >テキスト

文字に線を引く

{text-decoration:線;}で文字に線を引くことができます。文字に引ける線の種類には 以下のようなものがあります。

■ 線の種類

線の種類説明
noneテキストに線は表示されません。(デフォルト)
underline文字に下線を引けます。
overline文字に上線を引けます。
line-through文字に打ち消し線を引けます。

【ブラウザ表示】

下線
上線
打ち消し線
ソース

<span class="sen1">下線</span>
<span class="sen2">上線</span>
<span class="sen3">打ち消し線</span>

ソース

span.sen1{text-decoration:underline;}
span.sen2{text-decoration:overline;}
span.sen3{text-decoration:line-through;}


<body>〜</body>に直接記入する場合

<span style="text-decoration:underline;">下線</span>
<span style="text-decoration:overline;">上線</span>
<span style="text-decoration:line-through;">打ち消し線</span>

■ その他の項目

文字の大きさを変える
文字の色を変える
文字の太さを指定する
文字の書体を指定する
文字を斜めにする
小文字英字を大文字で表示
文字の表示位置を指定する
字下げをする
行間を指定する
文字、単語の間隔を空ける
小文字と大文字を入れ換える
上付き文字と下付き文字

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.