読み込み中...

デザイン・CSS無料登録不要

CSS border-style値

CSS border-style値を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

最終更新 2026-04-22 · yuzlrin が運営

項目	内容
none	なし
hidden	非表示
dotted	点線
dashed	破線
solid	実線
double	二重線
groove	溝
ridge	尾根
inset	埋め込み
outset	浮き上がり

FAQ

よくある質問

はい。CSS border-style値はレスポンシブ対応しており、iPhone・Android・タブレット・PCなど、モダンなブラウザを搭載した端末であればどこからでも利用できます。

関連ツール

こちらもおすすめ

CSS border-radius簡易

CSS border-radiusプロパティを生成する無料オンラインツール。レイアウト調整やアセット生成をワンストップで。データはサーバーに送らず、登録不要・無料で使えます。

CSS font-style値

CSS font-style値を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

CSS list-style値

CSS list-style値を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

border ショートハンド

CSS borderショートハンドの書式を一覧表示する無料オンラインツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

Box Shadow生成

CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。

cubic-bezier生成

CSSアニメーションのタイミング関数(cubic-bezier)を視覚的に調整。ease・linear等のプリセット付き無料オンラインツール。