Shaping Elements

This example demonstrates how to set the shape of an element. The element is clipped into this shape, and displayed.

HTML file: Displayed by browser:
<style>
img {
    position: absolute;
    clip: rect(0px,60px,200px,0px);
}
</style>
<body>
<img src="../html_beg/images/w3css.gif" width="100" height="140">
</body>

Back button Table of Contents Next button