Template:CSS image crop/doc

See also Template:Easy CSS image crop, which simplifies the interface for this template a bit.

undefined creates a crop of an image inline for previewing the look and feel of a page, or for linking to full images when a slight crop is preferred in an article, but the full image is more encyclopaedic in general. Where only a small section of the image is used after the crop, it's best to upload the crop as a new file, to avoid sending the extra image data to users.

Note: There was a previous glitch for which some people had to use "tleft" "tright" etc. as a workaround because "left" and "right" did not work. As a result, to avoid having to fix all those pages that used the workaround, the template has been designed to function properly regardless of whether tright or right is used. See template talk for details.

Examples
Create a cropped image of a single water drop:




 * Offset:  and   define the upper left corner of the cropped image
 * Crop:  and   define the size of the cropped image
 * Base Size: Offset and Crop are calculated as if the original file had the width

In addition, the cropped image can have a caption-text and be positioned on the page:
 * to position (center, right, left, none)
 * to add a text to the caption

Groups of cropped images can be arranged in an image frame:

Tracking categories

 * - Uses of this template with invalid parameters

Scripts
The user script User:BrandonXLF/CSSImageCrop can be used to generate code to use this template with an interactive UI.