メインコンテンツにスキップ
ToolShed
人気
新着ツール
すべてのツール
About
読み込み中...
ホーム
デザイン・CSS
CSSテキストストローク
デザイン・CSS
無料
登録不要
CSSテキストストローク
テキストの輪郭線(text-stroke)のCSSコードを生成。見出しデザインに使える無料オンラインツール。
最終更新
2026-04-22
·
yuzlrin が運営
入力
結果
-webkit-text-stroke: 2px #000; color: transparent; /* または */ color: #fff; -webkit-text-stroke: 1px #333;
コピー
FAQ
よくある
質問
対応しているブラウザは？
+
Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。
入力したデータはサーバーに送信されますか？
+
Tailwind CSSと併用できますか？
+
関連ツール
こちらも
おすすめ
CSS text-align値
CSS text-align値を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。デザイン作業を効率化するブラウザ完結ツール。即時プレビュー、コピー用コード出力、登録不要で無料。
CSSテキスト装飾ガイド
CSSのtext-decorationプロパティの値と装飾例を一覧表示する無料オンラインツール。デザイン作業を効率化するブラウザ完結ツール。即時プレビュー、コピー用コード出力、登録不要で無料。
CSS text-decoration値
CSS text-decoration値を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。
CSSテキストグラデーション
テキストにグラデーションカラーを適用するCSSコードを生成。Webデザインに使えるテキストエフェクトの無料オンラインツール。
border-radiusジェネレーター
CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。
Box Shadow生成
CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。