Was ist box-sizing?
Gefragt von: Lisbeth Burger | Letzte Aktualisierung: 16. August 2021sternezahl: 4.6/5 (22 sternebewertungen)
box-sizing vereinfacht die Berechnung der Größe von Blöcken bzw. des Raums, den ein Block einnimmt. Mit box-sizing bedeutet 'width:200px', dass der Browser den Block 200px breit rendert, gleich ob und wieviel padding zum Block gehört.
Was ist Box-Sizing CSS?
Die CSS Eigenschaft box-sizing legt fest, wie die Gesamtbreite und -höhe eines Elements berechnet wird.
Was ist Border Box CSS?
Mit der CSS-Eigenschaft box-sizing: border-box; kann das Box Model verändert werden. Die Breite des Elements wird dann anhand der „Border Box“ berechnet. Wird einem Element eine Breite ( width ) von 200 Pixeln zugewiesen, so nimmt das Element dank box-sizing auch 200 Pixel in Anspruch.
box-sizing: border-box explained