styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

מאפיין width

מאפיין width קובע את רוחב התיבה. עם box-sizing: content-box (ברירת מחדל) — תיבת תוכן בלבד. עם border-box — כולל padding+border. אחוזים יחסיים לרוחב ההורה.
.box { width: 300px; } .responsive { width: clamp(320px, 100%, 1200px); }
פחות:0 יותר:9999 צעד:1 יחידות:px | % | em | rem | vh | vw | ch autoערך ברירת המחדל. הדפדפן קובע לפי תוכן.min-contentהגודל המינימלי שהתוכן צריך.max-contentהגודל המקסימלי שהתוכן צריך.fit-contentמתאים לתוכן.stretchמותח למלא את ההורה. fit-content()מתאים לתוכן עם גבול עליון.calc()חישוב מתמטי.min()המינימום מבין הערכים.max()המקסימום מבין הערכים.clamp()clamp(min, val, max). CSS Box Sizing Module Level 4 Editor's Draft <length-percentage> W3CMDN
CSS Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית