CSS - text-stroke

概要

属性名 -webkit-text-stroke
値 <length> || <color>
初期値0 currentcolor
サポートhttps://caniuse.com/text-stroke

説明

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

値説明
<length>輪郭線の太さを指定します。
<color>輪郭線の色を指定します。

使用例

CSS
.text-stroke {
  -webkit-text-stroke: 2px #33c;
  color: #ccf;
  font-family: "Arial Black";
  font-size: 36pt;
  font-weight: bold;
}
HTML
<div class="text-stroke">
 This is a pen.
</div>
表示
This is a pen.

関連項目

text-stroke-width, text-stroke-width

リンク

Copyright (C) 2023 杜甫々
初版：2023年5月7日、最終更新：2023年5月7日
https://www.tohoho-web.com/css/prop/text-stroke.htm