html image dynamic width and height code example
Example 1: resize image html
Simple img tag
<img src="image_path" alt="Image Sample">
With height and width attribute
<img src="image_path" width="200" height="40" alt="Image Sample">
Example 2: css image size adjust
squareImage {
border: 1px solid #ddd; /* thickness and color of border */
border-radius: 4px; /* edge rounding of border */
width: 150px; /* width of image (px or % or auto) */
height: auto; /* height of image (px or % or auto) */
}
Example 3: how to set image width and height dynamically in javascript
document.addEventListener('DOMContentLoaded', function() {
var image = document.getElementById("container");
alert(`${image.width} x ${image.height}`);
}, false);