CSS contentにdata-xxなどのプロパティの値を取得して表示させる方法

HTMLタグの title 属性や data-xxx 属性の値を ::before ::after の content に入れる方法。

<span class="label" title="ラベルタイトル">ラベル</span>

.label {
  &::before {
    content: attr(title);
  }
}