属性名 | text-stroke-width |
---|---|
値 | <length> |
初期値 | 0 |
サポート | https://caniuse.com/mdn-css_properties_-webkit-text-stroke-width |
テキストの輪郭線の太さを指定します。text-stroke で太さと色をまとめて指定することもできます。IE ではサポートされていません。Chrome, Edge, Safari, Firefox, Opera でサポートされていますが -webkit- をつける必要があります。
値 | 説明 |
---|---|
<length> | 輪郭線の太さを指定します。 |
.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>