Versionen dieses Beitrags

CSS Boxmodell

Gb 80x80 Gunnar Bittersmann
  • CSS Boxmodell
  • @@Linuchs
  • > Sonst ist eine "Box" doch der Karton und nicht der Inhalt.
  • Eine Box kann Inhalt einer anderen und Karton für andere sein, z.B. [Matrjoschka](https://de.wikipedia.org/wiki/Matrjoschka), [Flexbox](https://forum.selfhtml.org/self/2018/feb/11/moderne-html-umsetzung/1713702#m1713702).
  • Ein `input`-Element ist Karton für seine Inhalte im Shodow-DOM.
  • > Aber danke, jetzt funzt es.
  • Üblicherweise will man dasselbe Boxmodell für alle Elemente (und Pseudoelemente!) angeben:
  • ~~~CSS
  • *, ::before, ::after { box-sizing: content-box }
  • *, ::before, ::after { box-sizing: border-box }
  • ~~~
  • LLAP 🖖
  • --
  • “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)