content-border Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/content-border/ A Platform for Software Engineers Wed, 13 Apr 2022 16:34:30 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 How to use box-sizing property in CSS? https://www.scmgalaxy.com/tutorials/how-to-use-box-sizing-property-in-css/ https://www.scmgalaxy.com/tutorials/how-to-use-box-sizing-property-in-css/#respond Wed, 11 Aug 2021 12:53:49 +0000 https://www.scmgalaxy.com/tutorials/?p=7771 The box-sizing property tells the browser what the sizing properties should include. We can set this property to content-box (default) […]

The post How to use box-sizing property in CSS? appeared first on scmGalaxy.

]]> The box-sizing property tells the browser what the sizing properties should include. We can set this property to content-box (default) or border-box.

The box-sizing property is used to include the padding and border in an element’s total width and height.

Ex:-

div { box-sizing: border-box;}

content-box-

The width and height properties (and min/max properties) include only the content. Border, padding, or margin are not included.

border-box-

The width and height properties (and min/max properties) include content, padding, and border, but not the margin.

box-size property usually uses in cards, images & fonts.

The post How to use box-sizing property in CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-use-box-sizing-property-in-css/feed/ 0