The CSS Propertie border-top

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

.box { border-top: 2px solid black; }

.box { border-top: thick double navy; }

פחות: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