DevToolBox

CSS Outline生成

outlineプロパティをビジュアルに設定してCSSコードを生成します。

プレビュー
Outlineが適用された要素

CSS Outlineとは?

outlineは要素の外側に描画される線です。borderと似ていますが、レイアウトに影響を与えません。 フォーカス状態の視覚表示やデバッグ用途で使われます。

outline-offsetを使うと、要素からの距離を調整できます。負の値も設定可能です。

すべての処理はブラウザ内で行われます。データがサーバーに送信されることはありません。