mozilla
Your Search Results

    text-decoration-style

    これは実験段階の機能です。
    この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

    概要

    text-decoration-style CSS プロパティは、text-decoration-line プロパティで指定された線のスタイルを定義します。このスタイルはすべての線に適用され、text-decoration-line で定義された線ごとに異なるスタイルを定義する方法はありません。

    文字列を貫く線で文字列が削除されたことを示すように、指定された装飾が意味を持つ場合は、作者は HTML タグ (削除であれば <del> または <s>) でその意味を示すことが推奨されます。ブラウザはスタイルを無効にする場合がありますが、そのようなときでも意味が失われません。

    構文

    text-decoration-style: 	inherit     or
    text-decoration-style:  style
    
    inherit
    親要素で計算された値を再利用することを示すキーワードです。
    style
    以下のキーワードのいずれかです:
    キーワード 説明 備考
    solid 一重の線を描画 Lorem ipsum  
    double 二重線を描画 Lorem ipsum  
    dotted 点線を描画 Lorem ipsum  
    dashed 破線を描画 Lorem ipsum  
    wavy 波状の線を描画 Lorem ipsum  
    -moz-none 線を描画しない Lorem ipsum 使用禁止 : 代わりに text-decoration-line: none を使用してください

    .example { 
      text-decoration-line: underline;
      text-decoration-style: wavy;
      text-decoration-color: red;
    }
    

    このように表示されます。

    仕様書

    仕様書 状況 備考
    CSS Text-decoration Level 3 勧告候補  

    ブラウザ実装状況

    機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari
    基本サポート 6.0 (6.0)-moz 未実装 (参照 WebKit bug 90958) 未サポート 未サポート 未実装 (参照 WebKit bug 90958)
    機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート 未実装 (参照 WebKit bug 90958) 未実装 (参照 WebKit bug 90958) 6.0 (6.0)-moz 未サポート 未サポート 未実装 (参照 WebKit bug 90958)

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: sosleepy, ethertank, yyss
    最終更新者: ethertank,
    サイドバーを隠す