CSSで下線を設定する方法

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

#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 サイトの他の関連記事を参照してください。