css border border-image-width

תפריט ראשי

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

מאפייני CSS

accent-coloralignanimationappearanceaspect-ratiobackgroundblock-sizeborderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-image-outsetborder-image-repeatborder-image-sliceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottomboxcaption-sidecaret-colorclearcolorcolumncolumnscornercursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttoptransform-origintranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

✔️ border-image-width CSS Style Property

המאפיין border-image-width מציין את רוחב תמונת הגבול.

טיפ: הסתכלו גם על המאפיין border-image (מאפיין קיצור להגדרת כל מאפייני border-image-*).

דוגמא: ריק

Demo Panel:
CSSGuide
CSS:
HTML:
Syntax:

border-image-width: number | % | auto | initial | inherit;

Valid values:
  • auto, revert, revert-layer, unset, inherit, initial

Units: px, %


Js Syntax: element.style.borderImageWidth

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

border-image-width
הערך שנבדקChromeFirefoxEdgeCOpera
4px✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️

דוגמא: ריק

Demo Panel:
CSSGuide
CSS:
HTML:
אודות | הצהרת פרטיות | צור קשר