css columns

תפריט ראשי

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

מאפייני CSS

accent-coloralignanimationappearanceaspect-ratiobackgroundblock-sizeborderbottomboxcaption-sidecaret-colorclearcolorcolumncolumnscursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttoptransform-origintransition-delaytranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

✔️ columns CSS Style Property

המאפיין columns מגדיר רוחב עמודה ספירת עמודות
החלק ברוחב העמודה יגדיר את הרוחב המינימלי לכל עמודה, בעוד החלק של ספירת העמודות יגדיר את מספר העמודות המקסימלי. על ידי שימוש במאפיין זה, פריסת מרובת העמודות תתפרק אוטומטית לעמודה אחת ברוחב דפדפן צר, ללא צורך בשאילתות מדיה או כללים אחרים.

דוגמא: שנה את רוחב העמודה ומספר העמודות

Demo Panel:
this s CSSGuide test to see this proprty changes CSSGuide test to see this proprty changes on line and to this is CSSGuide test to see this proprty and to this is CSSGuide test to see CSSGuide test to see this proprty changes changes on line this s CSSGuide test to see this proprty changes
CSS:
HTML:
Syntax:

columns: auto | column-width column-count | initial | inherit;

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

Units: px


Js Syntax: element.style.columns

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

columns
הערך שנבדקChromeFirefoxEdgeCOpera
100px 3✔️✔️✔️✔️
auto✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️
אודות | הצהרת פרטיות | צור קשר