Ränder und Auffüllungen können verwirrend sein, weil sie in gewisser Weise wie dasselbe erscheinen: weißer Raum um ein Bild oder Objekt. Folgendes müssen Sie als Webdesigner über die Unterschiede wissen.
Padding
Padding ist der Abstand zwischen einem Bild oder Zelleninh alt und seinem äußeren Rand. In der Abbildung unten ist die Auffüllung der gelbe Bereich um den Inh alt. In diesem Fall geht die Polsterung vollständig um den Inh alt herum: oben, unten, rechts und links. Sie können angeben, wie viel Polsterung (in Prozent, Pixeln, Punkten usw.) für jede Seite vorhanden ist, und sie müssen nicht gleich sein. Auf diese Weise können Sie Inh alte innerhalb eines Elements positionieren.
Ränder
Im Gegensatz dazu sind Ränder die Zwischenräume außerhalb der Grenze eines Elements, zwischen dem Element und allem, was daran angrenzt. Im Bild ist der Rand der weiße Bereich außerhalb des gesamten Objekts. Der Rand geht wie die Polsterung in diesem Beispiel komplett um den Inh alt herum: oben, unten, rechts und links. Sie können Ränder verwenden, um Divs und andere Elemente auf einer Seite zu positionieren.
Testen Sie Ihre Seiten immer in verschiedenen Browsern, Betriebssystemen (einschließlich Mobilgeräten) und Bildschirmgrößen, um sicherzustellen, dass sie genau so angezeigt werden, wie Sie es möchten.
