The -webkit-mask-repeat-y property determines whether a mask image is tiled vertically and how. The -webkit-mask-repeat-x property controls whether and how a mask image is horizontally repeated (tiled). The -webkit-mask-position-y CSS attribute determines a mask image's initial vertical position. The -webkit-mask-position-x CSS attribute specifies the mask image's initial horizontal position. With the -webkit-mask-image attribute, mask images are composited in the opposite order that they are stated. The -webkit-mask-composite attribute controls how multiple mask images applied to the same element are combined.

Starting from Gecko/Firefox 80, these uses were changed to -moz-default-appearance, which should never be used outside of internal stylesheets. It was also used in the XBL implementations of the widgets that ship with the Mozilla platform. The -moz-appearance property was used in XUL stylesheets to design custom widgets with platform-appropriate styling. For compatibility considerations, -webkit-appearance is also supported by Firefox and Edge. Gecko and WebKit-based and Blink-based browsers employ the -moz-appearance and -webkit-appearance attributes to achieve the same effect. The appearance CSS property is used to style an element with platform-native styling based on the theme of the operating system. WebKit-Prefixed Properties on Standards Track In most circumstances, we'll also want to turn off overflow otherwise, the contents won't be clipped, and an ellipsis will appear after the desired number of lines. It only works with the -webkit-box or -webkit-inline-box display properties and the -webkit-box-orient property set to vertical. webkit-line-clamp - The CSS attribute allows the contents of a block container to be limited to a certain number of lines.webkit -font- smoothing - When typefaces are rendered, the font-smooth CSS property governs the use of anti-aliasing.The -webkit prefix on CSS selectors denotes properties that are solely intended to be processed by this engine, analogous to -moz properties. Safari and Chrome both use Webkit as their rendering engine (among others, but these are the popular ones). The CSS -webkit-appearance property is demonstrated in the following example depending on browser compatibility.

Webkit font smoothing