/* Keyword valid values */
.first{
	clip-path: none;
}
.second{
	clip-path:inherit;
}
.third{
	clip-path:initial
}
.fourth{
	clip-path:  unset ;;  
}
/* valid <clip-source> values */ 
.fifth{
	clip-path: url(resources.svg#c1);
}
.sixth{
	clip-path: url(https://mdn.mozillademos.org/files/12668/MDN.svg#SVGID_9_);
}
/* all valid  <geometry-box> values  */
.seventh{
	clip-path: margin-box;
}
.eighth{
	clip-path: border-box
}
.ninth{
	clip-path:padding-box ;
}
.tenth{
	clip-path:content-box
}
.eleventh{
	clip-path: fill-box ; ; 
}
.twelveth{
	clip-path: stroke-box;
}
.thirteenth{
	clip-path: view-box;
}
/* valid circle values */
.fourteenth{
	clip-path: circle();
}
.fifteenth{
	clip-path:circle(0);;
}
.sixteenth{
	clip-path:circle(0 at 0) ; 
}
.seventeenth{
	clip-path:circle(0 at 0 0) ; 
}
.nineteenth{
	clip-path: circle(-0.0 at 0 0); 
}
.twentieth{
	clip-path: circle(10% at 0 0); 
}
.twenty-first{
	clip-path: circle(10% at .00 -000.000); 
}
.twenty-second{
	clip-path: circle(10pc at .00 -000.000); 
}
.twenty-third{
	clip-path: circle(20pc at 00.00 -10.000pc); 
}
.twenty-fourth{
	clip-path: circle(.9000cm at -.000% -001.000%); 
}
/* only radius */
.twenty-fifth{
	clip-path: circle(000.9000cm);
}
.twenty-sixth{
	clip-path: circle(0005%);
}
/* only position */
.twenty-seventh{
	clip-path: circle(at 0005%);
}
.twenty-eighth{
	clip-path: circle(at 80px);
}
.twenty-ninth{
	clip-path: circle(at 80px 30%);
}
/* polygon */
.fiftieth{
	clip-path: polygon(5px 10px);
}
.fifty-first{
	clip-path: polygon(50px 0%, 100% 50%, 50% 100%, 0 50%)
}
.fifty-second{
	clip-path: polygon(50px 0, 100pt 50em, 50pc 100vh, 0cm 50%, 10mm 20mm) ;;
}
.fifty-third{
	clip-path:polygon(50px -0, 100pt -50em, 100% 89.900vw)
}