Was ist box-sizing?

Gefragt von: Lisbeth Burger  |  Letzte Aktualisierung: 16. August 2021
sternezahl: 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

45 verwandte Fragen gefunden