css resize

תפריט ראשי

מבוא ל-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

✔️ resize CSS Style Property

המאפיין resize מגדיר אם ניתן לשנות גודל אלמנט על ידי גרירת העכבר לכיוונים מאוזן ומאונך
מאפיין זה אינו מגיב כאשר מוגדר מאפיין overflow=visible על כן יש להגדיר מאפיין overflow כ scroll או auto או hidden

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

Demo Panel:
CSSGuide and to this is CSSGuide test to see this proprty and to this is CSSGuide test to
CSS: 111
HTML: 222
Syntax:

resize: none | both | horizontal | vertical | initial | inherit;

Valid values:
  • none, both, horizontal, vertical, block, inline, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.resize

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

resize
הערך שנבדקChromeFirefoxEdgeCOpera
both✔️✔️✔️✔️
none✔️✔️✔️✔️
horizontal✔️✔️✔️✔️
vertical✔️✔️✔️✔️
block✔️✔️✔️✔️
inline✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️
אודות | הצהרת פרטיות | צור קשר