MobileRead Forums - View Single Post - Image styling css... what do all these properties do?

ElMiko · 06-10-2025, 05:53 AM

Thank you, RbnJrg.

FWIW, I suspect that the non-cover, full page images I'm dealing with may often behave somewhat similarly to cover images in that I tend to place them either at the end or beginning of a chapter as a separate html file to avoid sudden gaps in the text.

Also, in your example

Code:

<div class="wrapper">
   <svg...><image.../></svg>
</div>

does the unspecified styling in the <svg> tag have to include the specific pixel height and width of the image? Or can the aspect ratio be preserved without going through the trouble of looking up the true dimensions of each individual image (again, this is in reference to portrait mode images).

06-10-2025, 05:53 AM	#12
ElMiko Evangelist Posts: 473 Karma: 65460 Join Date: Jun 2011 Device: Kindle	Thank you, RbnJrg. FWIW, I suspect that the non-cover, full page images I'm dealing with may often behave somewhat similarly to cover images in that I tend to place them either at the end or beginning of a chapter as a separate html file to avoid sudden gaps in the text. Also, in your example Code: <div class="wrapper"> <svg...><image.../></svg> </div> does the unspecified styling in the <svg> tag have to include the specific pixel height and width of the image? Or can the aspect ratio be preserved without going through the trouble of looking up the true dimensions of each individual image (again, this is in reference to portrait mode images).