vertikales padding in Inlineelementen

[Gunnar Bittersmann]

Hello out there!

„10.3.2  Inline, nicht ersetzte Elemente
„Wird für 'left', 'right', 'margin-left' oder 'margin-right' der Wert 'auto' angegeben, wird daraus ein berechneter Wert von '0'.

Ich habe gestern noch wild herumprobiert, und dann festgestellt, dass das auch auf Blockelemente zutrifft.

Nein, tut es nicht. Das sieht nur so aus, wenn das Blockelement eine Breite von 100% hat. Gib ihm eine kleinere und du siehst, was 'margin: auto' bewirkt.

Beispiel: Die Angabe span {margin-left: auto} bewirkt dasselbe wie span {margin-left: 0}

Also das Gleiche, wie wenn man überhaupt kein margin angeben würde?

Wenn 'margin-left: auto' oder 'margin-left: 0' als Default im Browserstylesheet für diesen Elementtypen gesetzt ist, ja.

Für 'li' bspw. ist das evtl. nicht der Fall; aber wir sprachen ja hier von Inline-Elementen.

Beipiel: img {width: auto} (Default im Browserstylesheet) bewirkt, dass das 'img'-Element so breit dargestellt wird wie eben das Bild ist, das anstelle des (hier leeren) Inhalts angezeigt wird.

Also sind die Attribute width und height der <b>Inhalt</b> des Bildes?

Nein, das sind Attribute des 'img'-Elements. Der Inhalt des Bildes ist das, was da halt zu sehen ist; das hat mit HTML rein gar nichts zu tun. Demgegenüber ist der Inhalt des 'img'-Elements was? Gar nichts! 'img' ist ein leeres Element. Der leere Inhalt kann bei der Anzeige ersetzt werden durch das Bild, das sich hinter der im 'src'-Attribut angegebenen Ressource verbirgt; deshalb „ersetztes Element“. Der leere Inhalt kann aber alternativ auch ersetzt werden durch den Text im Wert des 'alt'-Attributs.

Oder, anders ausgedrückt, wäre der Inhalt vom img nur dann leer, wenn keines der 3 Attribute angegeben wäre?

Nein. Jetzt sollte klar sein, dass der Inhalt von 'img' immer leer ist.

See ya up the road,
Gunnar