Type: | "round", "miter" or "bevel" |
---|---|
Inherited: | yes |
Used By: | shape, All block elements |
Default: | "miter" |
See: | border-style line-cap |
How to join the corners of any borders drawn in the document. Usually this is just set on a shape element, but it could theoretically be set on any block element.
This causes the sharp corners on a triangle to be drawn as points.
<shape id="triangle" line-join="miter" width="100" height="100"> <shapepath> <lineto x="100% y="0%"/> <lineto x="50% y="100%"/> <lineto x="0% y="0%"/> </shapepath> </shape>