CSS3

プロパティ

text-stroke-width

  編集:2022.07.14 by T.A.

[Edge]⛌?。→mdn

テキスト ストローク(縁取り)の太さ。

名前 text-stroke-width
<line-width>
初期値 0
適用対象 すべての要素
継承 される
百分率 受容しない
算出値 絶対化された長さ
正準的順序 文法に従う
アニメーション型 離散的

text-stroke-width プロパティは、要素のテキストの各グリフの辺に描かれるストローク幅(太さ)を指定する。値を 0 にすると、ストロークは塗られなくなる。負な値は無効。

<line-width>
<length[0,∞]>
| thin
| medium
| thick

縁取りの輪郭の太さ。

<length[0,∞]>
<SPAN style="font-size:30px;
 text-stroke-width:0;
">●テスト</SPAN><BR>
<SPAN style="font-size:30px;
 text-stroke-width:3px;
">●テスト</SPAN><BR>

thin
<SPAN style="font-size:30px;
 text-stroke-width:thin;
">●テスト</SPAN><BR>

medium
<SPAN style="font-size:30px;
 text-stroke-width:medium;
">●テスト</SPAN><BR>

thick
<SPAN style="font-size:30px;
 text-stroke-width:thick;
">●テスト</SPAN><BR>
<SPAN style="font-size:30px;
 text-stroke-width:thick;
 text-stroke-color:red;
">●テスト</SPAN><BR>

関連

-webkit-text-stroke-widthtext-stroke-width-webkit-text-stroke-colortext-stroke-color


テスト
HTML:

ここに表示
¶[Edge]説明と違う
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: