-webkit-text-stroke-width

非標準

この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

-webkit-text-stroke-widthCSS のプロパティで、テキストの角の太さを指定します。

初期値0
適用対象すべての要素
継承あり
計算値絶対的な長さ
アニメーションの種類離散値

構文

/* キーワード値 */
-webkit-text-stroke-width: thin;
-webkit-text-stroke-width: medium;
-webkit-text-stroke-width: thick;

/* <length> 値 */
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-width: 0.1em;
-webkit-text-stroke-width: 1mm;
-webkit-text-stroke-width: 5pt;

/* グローバル値 */
-webkit-text-stroke-width: inherit;
-webkit-text-stroke-width: initial;
-webkit-text-stroke-width: unset;

<line-width>
角の太さ。

形式文法

CSS コンテンツ

p {
  margin: 0;
  font-size: 4em;
  -webkit-text-stroke-color: red;
}

#thin {
  -webkit-text-stroke-width: thin;
}

#medium {
  -webkit-text-stroke-width: 3px;
}

#thick {
  -webkit-text-stroke-width: 1.5mm;
}

HTML コンテンツ

<p id="thin">Thin stroke</p>
<p id="medium">Medium stroke</p>
<p id="thick">Thick stroke</p>

仕様書

Specification Status Comment
Compatibility Standard
-webkit-text-stroke-width の定義
現行の標準 初回標準化
Safari CSS Reference
文書内の '-webkit-text-stroke-width'
標準外で非公式の文書化 初回文書化

ブラウザーの互換性

BCD tables only load in the browser

関連情報