Das Padding, auf Deutsch Innenabstand, hält den Inhalt vom Rand der Box frei. Anders als der Außenabstand liegt er innerhalb des Hintergrunds.
- Padding (Innenabstand)
Der Abstand zwischen dem Inhalt einer Box und ihrem Rahmen.
Beispiel: „Das Padding liegt innerhalb des Hintergrunds und ist deshalb eingefärbt.“Auch: Innenabstand.
Abgrenzung zum Margin: Das Padding liegt innen und gehört zur Fläche, der Margin liegt außen und ist durchsichtig.
Wo der Unterschied sichtbar wird
Bei einem Knopf mit Hintergrundfarbe: Der Innenabstand vergrößert die farbige Fläche und damit das, was sich anklicken lässt. Der Außenabstand hielte nur Nachbarn fern. Für Bedienbarkeit auf Touchgeräten ist das ein wichtiger Unterschied, weil die klickbare Fläche groß genug sein muss.
Keine Verschmelzung
Anders als beim Außenabstand verschmilzt hier nichts. Zwei Innenabstände addieren sich, und das macht sie für verlässliche Abstände innerhalb einer Komponente zur einfacheren Wahl.