Javatpoint Logo
Javatpoint Logo

Polymer Iron-Image

The <iron-image> element is used to display an image. You can display the image with the useful sizing and preload options.

The sizing option is used to crop/cover or letterboxes (contain) the image to fit within its specified size whereas the preload option blocks the image from getting rendered. Meanwhile, you can either use the element's CSS background-color as the placeholder or you can prefer a data-URI. The fade option fades out the image/color of the placeholder after rendering the image.

The <iron-image> element is similar to <img scr = "...."> as shown in the following code snippet:

Example

Output:

iron image
Next TopicIron Dropdown




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA