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

The CSS Propertie touch-action

מאפיין touch-action קובע אילו תנועות מגע (pan, zoom) הדפדפן רשאי לטפל באלמנט. none מבטל גלילה/זום ומאפשר לג'אווה-סקריפט לטפל בכל המגע (שימושי לגרירה מותאמת אישית).
.draggable { touch-action: none; } .horizontal-scroll { touch-action: pan-x pinch-zoom; }
autoערך ברירת המחדל. התנהגות רגילה — הדפדפן מטפל בכל המחוות.noneמבטל את כל ה-pan וה-zoom שמתחילים בגיעות.pan-xמתיר pan אופקי בשני הכיוונים.pan-leftמתיר pan שמאלה בלבד.pan-rightמתיר pan ימינה בלבד.pan-yמתיר pan אנכי בשני הכיוונים.pan-upמתיר pan למעלה בלבד.pan-downמתיר pan למטה בלבד.pinch-zoomמאפשר זום מולטי-touch אם כל האצבעות מתחילות על האלמנט הזה.manipulationקיצור ל-pan-x pan-y pinch-zoom — מתיר pan וזום, מבטל double-tap zoom. Compatibility Standard Living Standard W3CMDN
Demo CSS Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית