Template:CSS image crop/testcases

This is the template test cases page for the sandbox of Template:CSS image crop. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

Location[edit]

Left[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |Location=left |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

{{CSS image crop |Align=left |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

Right[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |Location=right |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

{{CSS image crop |Align=right |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

Center[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |Location=centre |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

{{CSS image crop |Align=centre |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

None[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |Location=none |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

{{CSS image crop |Align=none |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

(No location)[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

(No location), no bSize[edit]

{{CSS image crop |Description=A drop of dew on grass (focus on the drop) |Image=Dew on grass Luc Viatour.jpg |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
A drop of dew on grass (focus on the drop)	A drop of dew on grass (focus on the drop)

No description[edit]

Left[edit]

{{CSS image crop |Image=Dew on grass Luc Viatour.jpg |Location=left |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

{{CSS image crop |Align=left |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

Right[edit]

{{CSS image crop |Image=Dew on grass Luc Viatour.jpg |Location=right |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

{{CSS image crop |Align=right |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

Center[edit]

{{CSS image crop |Image=Dew on grass Luc Viatour.jpg |Location=center |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

{{CSS image crop |Align=center |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

None[edit]

{{CSS image crop |Image=Dew on grass Luc Viatour.jpg |Location=none |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

{{CSS image crop |Align=none |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

(No location)[edit]

{{CSS image crop |Image=Dew on grass Luc Viatour.jpg |bSize=400 |cHeight=100 |cWidth=100 |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

Annotated Image[edit]

{{CSS image crop |Description= |Image=Dew on grass Luc Viatour.jpg |ImageDiv=<div class="noresize thumb tnone" style="; ">
<div class="thumbinner" style="overflow:hidden;width:4002px;">
<div class="thumbimage" style=" overflow:hidden; position:relative; background-color:white;">
<div style=";left:0px; top:0px; width:4000px; position:absolute;"> [[File:Dew on grass Luc Viatour.jpg|4000px|alt=|Annotated image caption]]</div>
<div style="text-align:left; background-color:transparent;      line-height:110%;">

</div>
<div style="visibility:hidden">[[Image:Dew on grass Luc Viatour.jpg|4000px|frameless|alt=]]</div>
</div>
<div class="thumbcaption"><div class="magnify">[[:File:Dew on grass Luc Viatour.jpg| ]]</div>Annotated image caption</div>
</div></div> |Location=none |bSize=400 |cHeight=100 |cWidth=100 |magnify-link=what |oLeft=60 |oTop=180}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}

Empty parameters[edit]

{{CSS image crop |Align=none |Description=No offset parameters |Image=Dew on grass Luc Viatour.jpg |bSize=300 |cHeight=200 |cWidth=200}}

Side by side comparison
{{CSS image crop}}	{{CSS image crop/sandbox}}
No offset parameters	No offset parameters