メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
デザイン・CSS
CSS box-sizing
デザイン・CSS
無料
登録不要
CSS box-sizing
CSS box-sizingの値と挙動を一覧表示する無料オンラインツール。
項目
内容
content-box
padding/borderを含まない(デフォルト)
border-box
padding/borderを含む
推奨
* { box-sizing: border-box; }
FAQ
よくある
質問
対応しているブラウザは？
+
Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。
入力したデータはサーバーに送信されますか？
+
Tailwind CSSと併用できますか？
+
関連ツール
こちらも
おすすめ
CSS calc()リファレンス
CSS calc()関数の使用例を一覧表示する無料オンラインツール。
CSS clamp()リファレンス
CSS clamp()関数の使用例を一覧表示する無料オンラインツール。
CSS env()リファレンス
CSS env()関数（セーフエリア変数）を一覧表示する無料オンラインツール。
CSS min()/max()
CSS min()/max()関数の使用例を一覧表示する無料オンラインツール。
border-radiusジェネレーター
CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。
cubic-bezier生成
CSSアニメーションのタイミング関数(cubic-bezier)を視覚的に調整。ease・linear等のプリセット付き無料オンラインツール。