

プロパティについて
#
概要
初期値 | “text-decoration-thickness: auto;” |
適用対象 | すべての要素 |
継承 | No |
パーセント値 | “1em”を“100%”とする |
計算値 | 指定したキーワードもしくは絶対長 |
アニメーション | 計算値 |
“text-decoration-thickness”プロパティは“text-decoration-line”プロパティでテキストに引く下線、上線、打ち消し線の太さを指定するプロパティです。
“text-decoration-thickness”プロパティは子要素に継承されませんが、それでも下線や上線、取り消し線は子孫のものも含むすべてのテキストに設定が反映されます。子孫要素に別途“text-decoration”プロパティや“text-decoration-thickness”プロパティを適用したとしても設定を上書きすることはできません。
サンプルコード
span { text-decoration-thickness: 3px;}
#
#
使用例
#
キーワード値で指定する
<p>
彼女は「<span>猫は上のかぎり黒くてことはみな白き</span>」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
</p>
span {
text-decoration-line: underline;
text-decoration-thickness: auto;
}
彼女は「猫は上のかぎり黒くてことはみな白き」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
span {
text-decoration-line: underline;
text-decoration-thickness: from-font;
}
彼女は「猫は上のかぎり黒くてことはみな白き」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
#
#