Width-Eigenschaft von CSS auf IMG-Tag [Duplikat]

Question

Ich weiß, dass das <img>Tag ein Inline-Element ist.

Dies bedeutet, dass die width-Eigenschaft von css nicht auf img anwendbar sein sollte.

Breite und Höhe werden nicht auf Inline-Divs angewendet.

Warum gilt dann die Eigenschaft width für ein imgTag, das ein Inline-Element ist?

Answer 1

Standardmäßig ist img ein Inline-Element, aber die Bemaßungen werden durch die Bemaßung des Bildes selbst definiert. Sie können den Wert für with und height festlegen, damit er vor dem Laden Platz beansprucht, um Verschiebungen des Inhaltslayouts zu verringern.

Von MDN : <img>ist ein ersetztes Element; Es hat einen Anzeigewert von inline by default, aber seine Standardabmessungen werden durch die inneren Werte des eingebetteten Bildes definiert, als wäre es ein Inline-Block. Sie können Eigenschaften wie Rand / Randradius, Abstand / Rand, Breite, Höhe usw. für ein Bild festlegen.