design
無料
サインアップ不要
CSS ボーダー＆アウトラインジェネレーター
ライブプレビューと即時コード出力でCSSのボーダー、アウトライン、ボックスシャドウをビジュアル的に作成できます。
ツールを読み込み中…
このツールについて
CSSのボーダーとアウトラインスタイルのビジュアルビルダーです。ボーダーの幅、スタイル、色、コーナーごとのborder-radiusを設定したり、各サイド（上、右、下、左）を個別にカスタマイズできます。設定可能なオフセットでアウトラインを追加し、ボーダーの代替としてボックスシャドウを使用できます。ライブプレビューは即時に更新され、生成されたCSSはいつでもコピー可能です。
使い方
- 1 ステップ1：ボーダーを均一に制御するか各サイドごとに制御するかに応じて、「全サイド」または「各サイド個別」モードを選択してください。
- 2 ステップ2：コントロールを使用してボーダーの幅、スタイル、色を調整し、コーナーごとまたは均一にborder-radiusを設定してください。
- 3 ステップ3：アウトラインまたはボックスシャドウセクションを有効にして、要素にそれらのスタイルを追加し、オプションを設定してください。
- 4 ステップ4：「CSS をコピー」をクリックして生成されたCSSコードをコピーし、プロジェクトに貼り付けてください。