CSS - text-stroke

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

概要

説明

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

使用例

.text-stroke {
  -webkit-text-stroke: 2px #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