css stroke stroke-linecap

תפריט ראשי

מבוא ל-CSSצבעים ב-CSSפונקציות CSSמחולל דוגמאות CSSטיפים וטריקים ב CSSאודות אתר סי.אס.אס. גייד

מאפייני CSS

accent-coloralignalignment-baselineanchoranimationappearancebackdrop-filterbackgroundbaseline-shiftblock-sizeborderbottomboxcaption-sidecaretclearclip-pathcolorcolumncolumnscontaincontainercontentcornercountercursorcxcydirectiondisplaydominant-baselineempty-cellsfield-sizingfillflexfloatfloodfontgapgridheightimageinitial-letterinline-sizeinsetinteractivityinterpolate-sizeisolationjustifyleftletter-spacingline-heightlistmarginmaskmaxminmix-blend-modeobjectoffsetopacityoutlineoverflowoverscrollpaddingperspectivepointer-eventspositionrresizerightrotaterow-gaprxryscalescrollscrollbarshapestopstrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtab-sizetable-layouttexttimeline-scopetoptouch-actiontransformtranslateunicode-bidiuser-selectvertical-alignviewvisibilitywhitewidowswidthwordwriting-modexyz-indexzoom

✔️ stroke-linecap CSS Style Property

המאפיין stroke-linecap קובע את צורת קצוות קו ה-stroke ב-SVG — butt, round, או square.

דוגמא: הגדרת סגנון קצה קו SVG

Demo Panel:
CSS: 111
HTML: 222
Syntax:

Valid values:
  • butt, round, square

Js Syntax: element.style.strokeLinecap

תאימות דפדפנים

אודות | הצהרת פרטיות | צור קשר