CSS/文字列に下線・上線・取り消し線を設定するサンプル
の編集
Top
/
CSS
/
文字列に下線・上線・取り消し線を設定するサンプル
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
#navi(../) * スタイルシートを使って文字列に下線・上線・取り消し線を設定する [#b4cead89] ''text-decoration''を使って文字列に下線・上線・取り消し線を設定してみます。~ #contents #htmlinsertpcsp(web-top.html,web-sp.html) * 関連記事 [#ud98fe27] -[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]] -[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]] -[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]] -[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]] -[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]] * サンプルHTMLソース [#t116883c] #ref(decoration.html) text-decoration : none<br /> <div style="text-decoration : none"> none </div> text-decoration : underline<br /> <div style="text-decoration : underline"> underline </div> text-decoration : overline<br /> <div style="text-decoration : overline"> overline </div> text-decoration : line-through<br /> <div style="text-decoration : line-through"> line-through </div> |''設定値''|''説明''| |text-decoration : none|通常| |text-decoration : underline|下線| |text-decoration : overline|上線| |text-decoration : line-through|取り消し線| * 確認用URL [#o17ce152] 上記HTMLの確認用リンクです。~ http://web.just4fun.biz/css/4/decoration.html #br #ref(01.gif) #br 以上、文字列に下線・上線・取り消し線を設定する方法でした。 #htmlinsertpcsp(web-btm.html,web-sp.html)
タイムスタンプを変更しない
#navi(../) * スタイルシートを使って文字列に下線・上線・取り消し線を設定する [#b4cead89] ''text-decoration''を使って文字列に下線・上線・取り消し線を設定してみます。~ #contents #htmlinsertpcsp(web-top.html,web-sp.html) * 関連記事 [#ud98fe27] -[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]] -[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]] -[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]] -[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]] -[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]] * サンプルHTMLソース [#t116883c] #ref(decoration.html) text-decoration : none<br /> <div style="text-decoration : none"> none </div> text-decoration : underline<br /> <div style="text-decoration : underline"> underline </div> text-decoration : overline<br /> <div style="text-decoration : overline"> overline </div> text-decoration : line-through<br /> <div style="text-decoration : line-through"> line-through </div> |''設定値''|''説明''| |text-decoration : none|通常| |text-decoration : underline|下線| |text-decoration : overline|上線| |text-decoration : line-through|取り消し線| * 確認用URL [#o17ce152] 上記HTMLの確認用リンクです。~ http://web.just4fun.biz/css/4/decoration.html #br #ref(01.gif) #br 以上、文字列に下線・上線・取り消し線を設定する方法でした。 #htmlinsertpcsp(web-btm.html,web-sp.html)
テキスト整形のルールを表示する
添付ファイル:
01.gif
472件
[
詳細
]
decoration.html
447件
[
詳細
]