| 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>