polygon Background

Renders a filled polygon.

Design

polygon background

.itemMain {
	background {
		type: polygon;
		points: 10,50 50,10 90,50 50,90;
		color: #8f8;
		scale-mode: proportional;
		anchor: left | vcenter;
	}
}

CSS attributes:

CSS Attribute  DefaultValuesExplanationSince
color white color Color of the background. 1.3
points 0,50 50,0 100,50 50,100 point[] Space separated x,y pairs of points with 0,0 being the bottom-left origin. 1.3
reference-width 100 integer The width of the polygon which is used for scaling it accordingly. 1.3
reference-height 100 integer The height of the polygon which is used for scaling it accordingly. 1.3
scale-mode none none, scale, proportional, expand The scaling mode. None deactivates scaling. Scale scales it unproportionally. Proportional scales it proportionally so that it fits completely into the item's area. Expand scales it proportionally so that it covers the complete area. 1.3
anchor left | top left, horizontal-center, h-center, hcenter, center, right, top, vertical-center, v-center, vcenter, bottom Position of the polygon within the item's area. 1.3

JavaDoc