The CSS Propertie border-left

מאפיין הקיצור border-left קובע בו-זמנית את רוחב, סגנון וצבע הצד השמאלי של המסגרת. ערכים חסרים מקבלים את ברירת המחדל של ה-longhand המתאים.

.box { border-left: 4px solid indigo; }

.box { border-left: 6px inset coral; }

פחות:0 יותר:9999 צעד:1

יחידות:px | em | rem | pt | vw | vh | vmin | vmax

hairlineהרוחב הדק ביותר (חדש ב-L4).

thinרוחב דק.

mediumרוחב בינוני (ברירת המחדל).

thickרוחב עבה.

noneאין מסגרת (ברירת המחדל).

hiddenמסגרת מוסתרת.

dottedקו מנוקד.

dashedקו מקווקו.

solidקו רציף.

doubleקו כפול.

grooveאפקט תלת-ממדי שקוע.

ridgeאפקט תלת-ממדי בולט.

insetהמסגרת נראית שקועה.

outsetהמסגרת נראית בולטת.

currentColorערך מאפיין color הנוכחי (ברירת המחדל).

transparentצבע שקוף לחלוטין.

rgb()פונקציית צבע RGB.

hsl()פונקציית צבע HSL.

hwb()פונקציית צבע HWB.

lab()פונקציית צבע במרחב CIE Lab.

lch()פונקציית צבע במרחב CIE LCH.

oklab()פונקציית צבע במרחב Oklab.

oklch()פונקציית צבע במרחב Oklch.

color()פונקציה כללית לציון צבע במרחבי-צבע מותאמים.

light-dark()בוחר בין שני ערכי צבע לפי color-scheme.

CSS Borders Module Level 4

Working Draft

<line-width> <line-style> <color>

CSS

Show all code