メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
デザイン・CSS
SVG viewBox計算
デザイン・CSS
無料
登録不要
SVG viewBox計算
SVGのviewBox属性値を計算。アスペクト比の維持やリサイズに便利な無料オンラインツール。
入力
結果
幅と高さを入力 (例: 1200 800)
コピー
FAQ
よくある
質問
生成されたCSSコードはそのまま使えますか？
+
はい。SVG viewBox計算が出力するCSSは標準仕様に準拠しており、CSSファイルやstyle属性にそのままコピー＆ペーストして使用できます。
オフラインでも使えますか？
+
スマートフォンでも使えますか？
+
関連ツール
こちらも
おすすめ
CSS詳細度計算機
CSSセレクタの詳細度(Specificity)をID・クラス・要素別にスコア計算。スタイル競合の解決に便利な無料オンラインツール。
レスポンシブ文字サイズ計算
CSS clamp()でレスポンシブな文字サイズを計算。最小・最大サイズを指定してfluid typographyを生成する無料オンラインツール。
SVGブロブ生成
ランダムな有機的形状のSVGブロブを生成。色・複雑さを調整してSVG/CSSを出力する無料オンラインツール。
SVGパスエディタ
SVGのpath要素のd属性を編集しリアルタイムプレビュー。コマンド解析テーブル、プリセット図形、SVGコピー機能付き。無料ツール。
border-radiusジェネレーター
CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。
Box Shadow生成
CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。