CSS - text-stroke-width

• トップ
• CSSリファレンス
• text-stroke-width

概要

説明

テキストの輪郭線の太さを指定します。text-stroke で太さと色をまとめて指定することもできます。IE ではサポートされていません。Chrome, Edge, Safari, Firefox, Opera でサポートされていますが -webkit- をつける必要があります。

使用例

.text-stroke {
  -webkit-text-stroke-width: 2px;
  text-stroke-width: 2px;
  -webkit-text-stroke-color: #33c;
  text-stroke-color: #33c;
  color: #ccf;
  font-family: "Arial Black";
  font-size: 36pt;
  font-weight: bold;
}

<div class="text-stroke">
 This is a pen.
</div>

関連項目

リンク

• https://developer.mozilla.org/ja/docs/Web/CSS/-webkit-text-stroke
• https://compat.spec.whatwg.org/#the-webkit-text-stroke