עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
stroke-linejoin CSS Property
The stroke-linejoin property determines the shape at stroke corners where two segments meet. Syntax: [crop | arcs | miter] || [bevel | round | fallback]. Initial value is miter.
polygon {
stroke-linejoin: round;
}
path {
stroke: blue;
stroke-width: 6;
stroke-linejoin: bevel;
}
miterThe default value. Sharp corner — both segments extended to meet at the outer edge.roundRounded corner — smooth connection with a radius.bevelBeveled corner — straight cut edge.arcsJoins using circular arcs matched to the curve.cropLike bevel but clips before the meeting point.fallbackUsed as a fallback for corner calculation failure.
CSS Fill and Stroke Module Level 3
Editor's Draft
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext