nakazilab

cssやJavaScriptの備忘録サイト

css

文字にマーカーを引く

文字にマーカーを引きます。

HTML(Pug)

p 
  | 文字に
  strong マーカー
  | を引きます。

CSS(SCSS)

strong {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: yellow;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  padding: 0 2px;
}