Den Unterschied zwischen Padding und Margins kennen

Ränder und Abstände können verwirrend sein, da sie in gewisser Weise wie dasselbe erscheinen: weißer Raum um ein Bild oder Objekt. Hier ist, was Sie als Webdesigner über die Unterschiede wissen müssen.

Polsterung

Padding ist der Abstand zwischen einem Bild- oder Zellinhalt und seinem äußeren Rand. In der Abbildung unten ist die Auffüllung der gelbe Bereich um den Inhalt. In diesem Fall wird der Inhalt vollständig aufgefüllt: oben, unten, rechts und links. Sie können für jede Seite angeben, wie viel Auffüllung (in Prozent, Pixel, Punkt usw.) und sie müssen nicht gleich sein. Auf diese Weise können Sie Inhalte innerhalb eines Elements positionieren.

Ränder

Im Gegensatz dazu sind Ränder die Leerzeichen außen die Grenze eines Elements, zwischen dem Element und dem, was ihm benachbart ist. Im Bild ist der Rand der weiße Bereich außerhalb des gesamten Objekts. Wie die Auffüllung geht der Rand in diesem Beispiel vollständig um den Inhalt herum: oben, unten, rechts und links. Sie können Ränder verwenden, um divs und andere Elemente auf einer Seite zu positionieren.