CSS - text-stroke-width

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

概要

属性名 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>輪郭線の太さを指定します。

使用例

CSS
.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;
}
HTML
<div class="text-stroke">
 This is a pen.
</div>
表示
This is a pen.

関連項目

text-stroke, text-stroke-color

リンク


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