【CSS】text-decoration-style - テキストの装飾(線の様式)
CSSのtext-decoration-styleプロパティについてご紹介します。
text-decoration-style
text-decoration-styleはテキスト装飾の線の様式を表わすプロパティです。
基本構文
text-decoration-style: 値;
値
一般的な値は次の通りです。
値 | 意味 |
---|---|
solid | 直線 |
double | 二重線 |
dotted | 点線 |
dashed | 破線 |
wavy | 波線 |
サンプル
次のサンプルはテキストに波線を付けます。
<style>
p {
text-decoration-line: underline;
text-decoration-style: wavy;
}
</style>
<p>text text text text text</p>