CSSボックスモデル・ビジュアライザー

Adjust margin, border, padding, and content dimensions and see the CSS box model live.

Dimensions

Padding (px)

Border (px)

Margin (px)

margin
border
padding
200 × 120 

  







    
    

      
Related Tools

      

        CSS Columns
        CSS Grid Generator
        Flexbox Generator
        Border Radius