Begriffe Grundgerüst Wichtige HTML-Tags CSS Arbeitsaufträge

Padding

Mit padding wird der Abstand des Inhalt eines Elements (z.B. Text) zur Umrandung des Elements festgelegt. Siehe box-model für weitere Informationen.
Das Padding kann verschieden festgelegt werden:

padding: top right bottom left

padding-top: value

padding-right: value

padding-bottom: value

padding-left: value

<img src="/html/img/car.png" alt="" style=" background-color: lightblue; border: solid 1px black; padding: 50px 10px 30px 70px; width: 90px;">

Erklärungen

• Das Bild selber (Auto) ist gemäss der Angabe width: 90px 90 Pixel breit, die Höhe wird automatisch festgelegt. Das Rechteck um das Bild ist insgesamt 90px + 10px + 70px = 170 Pixel breit.