ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで下線を点線に設定する方法

CSSで下線を点線に設定する方法

王林
王林オリジナル
2020-11-18 11:19:308006ブラウズ

CSS で下線を点線に設定する方法: [text-decoration-style: dotted;] のように text-decoration-style 属性を使用して設定できます。 text-decoration-style 属性は、線の表示方法を指定するために使用されます。

CSSで下線を点線に設定する方法

関連プロパティ:

text-decoration-style プロパティは、線の表示方法を指定します。

(学習ビデオ共有: css ビデオ チュートリアル)

文法:

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

属性値:

  • #solid デフォルト値。線は 1 本の線として表示されます。

  • double 線は二重線で表示されます。

  • 点線 線は点線で表示されます。

  • 破線 線は破線として表示されます。

  • 波線は波線として表示されます。

  • initial このプロパティをデフォルト値に設定します。

  • inherit この属性を親要素から継承します。

  • #例:


a タグに点線の下線を追加します

<a href="#">css如何设置下划线虚线</a>

//css
a{
    text-decoration-style: dotted;
}

関連する推奨事項:

CSS チュートリアル

以上がCSSで下線を点線に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。