Template:Image frame

Template documentation

Render an image cropped into a frame of arbitrary shape. The shape of the border or frame is defined by a CSS clip-path or can use one of the predefined shapes (rounded, diamond, basic).

Examples

Markup	Renders as
{{Image frame | image = Portrait Lae'zel.png | link = Lae'zel | width = 120 | border-shape = diamond | border-width = 4 }}
{{Image frame | image = Portrait Lae'zel.png | link = Lae'zel | h = 120 | bs = rounded | bw = 2 | bc = red | class = bg3wiki-image-quote-image | style = margin:20px; }}
{{Image frame | image = Portrait Lae'zel.png | link = Lae'zel | height = 120 | border-shape = polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); | border-width = 2 | border-color = #3d3d3d }}
{{Image frame|Portrait Lae'zel.png|Lae'zel|h=120|bw=0}}
{{Image frame | image = Portrait Lae'zel.png | link = Lae'zel | h = 120 | bs = rounded | bw = 0 | class = bg3wiki-image-quote-image | style = transform: rotate(180deg); }}
{{Image frame|Portrait Lae'zel.png|Lae'zel|caption=[[Lae'zel]]|h=120|bw=0}}	Lae'zel
{{Image frame | image = Portrait Lae'zel.png | link = Lae'zel | height = 120 | border-shape = basic | border-width = 0 | caption = This is a long caption that will require wrapping. }}	This is a long caption that will require wrapping.

Template data

Render an image cropped into a frame of arbitrary shape.

Template parameters[Edit template data]

Parameter		Description	Type	Status
Image	1 image	The image file to display.	File	required
Link	2 link	Clicking the image redirects to this link instead of the image file.	Page name	suggested
Height	height h	The height of the image in pixels (does not include any additional height from the border size). Default Same value as width, if defined. 100 otherwise.	Number	suggested
Width	width w	The width of the image in pixels (does not include any additional width from the border size). Default Same value as height, if defined. 100 otherwise.	Number	optional
Border shape	border-shape bs	The shape of the border frame. It can be an arbitrary CSS clip path or use one of the predefined values. Suggested values rounded diamond basic Default rounded Example polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)	String	suggested
Border color	border-color bc	The color of the border frame. This can be any CSS color descriptor. Default black	String	optional
Border width	border-width bw	The thickness of the border frame in pixels. Set this to 0 to disable the border entirely. Default 4	Number	optional
Class	class	A CSS class to apply to the image div.	String	optional
Style	style	Any additional CSS style properties to apply to the image div.	String	optional
Caption	caption	A caption or other text to place under the image.	String	optional

Subpages of this template.