markerOpaque
background-color: rgb(255 99 71 / 1.0);
通常の背景色の設定方法です。
markerTransparent
background-color: rgb(255 99 71 / 0.5);
透過色を設定することでマーカーを塗ったような疑似背景色にしています。
markerTransparentHalf
background: linear-gradient(transparent 50%, rgb(255 99 71 / 0.5) 50%);
色をつける割合を決めるため、「background-color」ではなく「background」を使用します。
グラデーションを表現できるlinear-gradientというプロパティ値を使います。
開始と終了を決めます。
下半分のみに色をつけるため、上を透過の「transparent」とします。
下半分は「transparent」以外の色を設定しています。
markerUnderline
background: linear-gradient(transparent 85%, rgb(255 99 71 / 0.5) 15%);
下線を引いたように見せるため「transparent」と下線用の色の割合を変更しています。