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

CSSで下線を設定する方法

下次还敢
下次还敢オリジナル
2024-04-26 10:54:141140ブラウズ

CSS の text-decoration プロパティを使用して下線を設定できます。これは、次の手順に従って行うことができます。 text-decoration:underline 値を使用して下線を設定します。オプションのパラメータは次のとおりです。 overline: テキストの上に行を追加します。 line-through: テキストの途中に行を追加します。ストロークの太さと色は、text-decoration-thickness プロパティと text-decoration-color プロパティを使用して調整できます。 text-decoration-skip 属性は、ダッシュをスキップする文字のタイプを制御します。

CSSで下線を設定する方法

#CSS 下線設定

CSS の

text-decoration 属性を使用して装飾スタイルを設定します下線を含むテキストの場合。下線は、text-decoration プロパティの underline 値を使用して設定できます。

CSS で下線を設定する方法は次のとおりです:

<code class="css">/* 设置元素文本的划线样式 */
element {
  text-decoration: underline;
}</code>

オプションのパラメーター

underline に加えて、 text-decoration 属性は、下線のスタイルを制御する次の値もサポートします。

  • overline: テキストの上に行を追加します。
  • line-through: テキストの途中に行を追加します。
#例

<code class="css">/* 设置文本为红色实线划线 */
p {
  text-decoration: underline solid red;
}

/* 设置文本为绿色双线划线 */
h1 {
  text-decoration: double underline green;
}</code>

その他のヒント

下線スタイルは他のテキスト装飾スタイルと組み合わせることができます( (下線や取り消し線など) が併用されます。
  • ストロークの太さと色は、
  • text-decoration-thickness
  • プロパティと text-decoration-color プロパティを通じて調整できます。
  • text-decoration-skip
  • 属性を使用して、ダッシュによってスキップされる文字の種類を制御することもできます。

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

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