css border border-block-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-colorclearcolorcolumncolumnscursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttoptransform-origintransition-delaytranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

✔️ border-block-width CSS Style Property

המאפיין border-block-width מגדיר את רוחב הגבולות של אלמנט בכיוון הבלוק.

הערה: חובה להגדיר את border-block-style.

דוגמא: שנה הגדרת עובי מסגרת עליונה ותחתונה לאלמנט בלבד

Demo Panel:
cssguide
CSS:
HTML: 222
Syntax:

border-block-width: medium | thin | thick | length | initial | inherit;

Valid values:
  • thin, medium, thick, revert, revert-layer, unset, inherit, initial

Units: px


Js Syntax: element.style.borderBlockWidth

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

border-block-width
הערך שנבדקChromeFirefoxEdgeCOpera
8px✔️✔️✔️✔️
thin✔️✔️✔️✔️
medium✔️✔️✔️✔️
thick✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️

דוגמא: שנה לחוד את הגדרת עובי מסגרת עליונה ותחתונה לאלמנט בלבד

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