12周年記念パーティ開催! 2024/5/10(金) 19:00

text-decoration再入門

全2回

text-decorationプロパティは古くから存在していますが、CSS Text Decoration Module Level 3からはショートハンドプロパティとして定義されています。改めて、仕様を見直し、新しい使い方も学んでみましょう。

後編 下線の描画位置/下線のオフセット

テキストに下線を指定した場合に、下線の位置を調整するプロパティを紹介します。フォントや言語指定によって動作が異なる場合もあるので注意しましょう。

前編 下線と上線/線のスタイル/線の色/線の太さ

text-decorationプロパティは新しいプロパティというわけではありませんが、Level3では3つ、Level 4では4つのプロパティのショートハンドとして機能するようになっています。改めて見直し、新しい構文を理解しましょう。