Prefix
-webkit--moz--o--ms-
-ms-Private Properties
Zoom Setting object's Scale
Function: Trigger haslayout, solve the problem of float or margin overlap, clear floating
Writing-mode controlling the display direction of inline elements
Value (CSS3): HORIZONTAL-TB from top to bottom vertical-lr from left to right vertical-rl from right to left
Value (IE): LR-TB from top to bottom (IE7) Tb-rl from left to right (IE7) TB-LR from right to left (IE8)
Filter to set the visual effect of an object
Behavior setting the DHTML behavior of an object
Expression () Set JS script
-webkit-Private Properties
-webkit-font-smoothing setting text anti-aliasing
Value: None No subpixel-antialiased default antialiased anti-aliasing
-webkit-appearance change the appearance of buttons and other controls so that they resemble native controls
-WEBKIT-LINE-CLAMP specifies the number of lines of text
Text-size-adjust Turn off the font size auto-adjustment feature
-webkit-text-fill-color Text Fill Color
-webkit-user-select set whether the user can select text
Value: None text Elem all
-webkit-text-stroke composite properties, setting font strokes
Value: Width color
-webkit-box-reflect Setting Reflection
Value: 1, above below left right 2, px% 3, none URL gradient
-webkit-mask Setting a mask image
Value: Image attachment Repeat position size origin clip composite
Composite value:
Global: Inherit initial unset
Keywords:
Clear source picture and target picture overlap pixels are cleared
Copy source picture instead of target picture
XOR overlapping pixels all become transparent
Source-over source image is rendered on the target image
Source-in the source picture and the target picture overlap Pixels are replaced by the source picture, other pixels are cleared
Source-out the pixels of the source and target images are cleared and the remaining pixels of the source image are rendered
Source-atop target image is rendered
Destination-over the target image is displayed on the source image
Destination-in the source picture and the target image overlap pixels, which are reserved for the source picture, and other pixels are cleared
Destination-out the overlapping pixels of the source and target images are cleared and the remaining pixels of the source image are displayed
Destination-atop the pixel of the source image is rendered
Mobile page Style Reset
Outline:none; Remove outer frame
-webkit-appearance:none; remove element Default appearance
-webkit-text-size-adjust:100%; Turn off font size auto Adjust
-webkit-user-select:none; Prevent users from selecting text
-webkit-user-drag:none; Prevent users from dragging and dropping text links
-webkit-tap-highlight-color:rgba (0,0,0,0); Remove clickable element gray background for iOS
-webkit-touch-callout:none; Disable Touch element Popup default system Menu
-webkit-overflow-scrolling:touch; Quick-roll Bounce effect
-webkit-pseudo-Class
::-webkit-scrollbar defining scroll bar Styles
::-webkit-scrollbar-button Define scroll bar button styles
::-webkit-scrollbar-track define scroll bar outer track style
::-webkit-scrollbar-track-piece define scroll bar inner track style
::-webkit-scrollbar-thumb define scrollbar slider style
::-webkit-scrollbar-corner Define corner style
::-webkit-resizer define drag block style
: Horizontal Select horizontal scroll bar
: Vertical Select vertical scroll bar
:d ecrement the top or left of the selection button or inner track
: Increment Select button or bottom or right of inner track
: Start Select button or top or left of inner track
: End Select button or bottom or right of inner track
: Single-button Determines whether a single button or inner track is close to a single button
:d Ouble-button determine if a double button or inner track is close to the double button
: No-button determines that there are no buttons at both ends of the inner track
: Corner-present scroll bar fillet is displayed
: window-inactive scroll bar to get the state of focus
::-webkit-input-placeholder set control hint text color
-moz-pseudo-Class
::-moz-focus-inner Set button border
Private CSS Properties