CSS Box Model計算
對稱且非負的像素padding／border／margin，計算內容、實際border box與margin box；border-box實際尺寸不得小於padding加邊框。
css-box-model-calculator本機處理
正在啟用本機工具…
預覽與程式碼
調整欄位後建立預覽；完整程式碼可複製或下載。
模型與範圍
對稱且非負的像素padding／border／margin，計算內容、實際border box與margin box；border-box實際尺寸不得小於padding加邊框。不含min／max sizing、flex／grid縮減、margin collapse、捲軸或transform。預覽縮放以容納結果。
如何使用這個工具
編輯有限欄位、在本機處理，檢查原生預覽後複製或下載完整程式碼；修改會清除舊輸出。
不適合用在什麼情況
對稱且非負的像素padding／border／margin，計算內容、實際border box與margin box；border-box實際尺寸不得小於padding加邊框。不含min／max sizing、flex／grid縮減、margin collapse、捲軸或transform。預覽縮放以容納結果。