{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>
■ その他の項目
・
文字の大きさを変える
・
文字の色を変える
・
文字の太さを指定する
・
文字の書体を指定する
・
文字を斜めにする
・
小文字英字を大文字で表示
・
文字の表示位置を指定する
・
字下げをする
・
行間を指定する
・
文字、単語の間隔を空ける
・
小文字と大文字を入れ換える
・
上付き文字と下付き文字
スタイルシート一覧のページに戻る
|