Image Properties

Image properties include image size, image border, image alignment, and text wrapping.
::: normal-demo Image Size Demo

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        img{
            width:60px;
            height:60px;
        }
    </style>
</head>
<body>
    <img src="/static/front-end/css3/earth.png" alt="Earth" />
</body>
</html>

:::

Image Border

::: normal-demo Image Border Demo

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        img{
            border:1px solid red;
        }
    </style>
</head>
<body>
    <img src="/static/front-end/css3/earth.png" alt="Earth" />
</body>
</html>

:::

Image Alignment

::: normal-demo Image Alignment Demo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            div
            {
                width:300px;
                height:80px;
                border:1px solid silver;
            }
            .div1{text-align:left;}
            .div2{text-align:center;}
            .div3{text-align:right;}
            img{width:60px;height:60px;}
        </style>
    </head>
    <body>
        <div class="div1">
            <img src="/static/front-end/css3/earth.png" alt="Earth" />
        </div>
        <div class="div2">
            <img src="/static/front-end/css3/earth.png" alt="Earth" />
        </div>
        <div class="div3">
            <img src="/static/front-end/css3/earth.png" alt="Earth" />
        </div>
    </body>
</html>

:::