Skip to content

Miscellaneous

This category groups several useful CSS properties that don’t directly fall under colors, text, or background families.


Table : Standard properties (to use)
PropertyDescription
cursorDefines the appearance of the mouse cursor (e.g., pointer, text, wait).
filterApplies a modern graphical filter (e.g., blur, grayscale, brightness).
opacityDefines the element’s opacity/transparency (from 0 to 1).
visibilityDefines whether an element is visible (visible, hidden, collapse).
white-spaceDefines how spaces and line breaks are handled (normal, nowrap, pre, etc.).
!importantKeyword that gives absolute priority to a CSS rule.

Some properties were used in older browsers (Internet Explorer, Netscape, old Mozilla).
They should not be used today.

Table : Deprecated or specific properties
PropertyStatusExplanation
filter (old syntax)Internet Explorer (deprecated)Old version of CSS filters, replaced by the standard filter property.
-moz-opacityMozilla (deprecated)Old property for handling opacity, replaced by opacity.
scrollbar-base-colorInternet Explorer (deprecated)Defined the scrollbar’s main color.
scrollbar-face-colorInternet Explorer (deprecated)Defined the central area color of the scrollbar.
scrollbar-track-colorInternet Explorer (deprecated)Defined the track color of the scrollbar.
scrollbar-arrow-colorInternet Explorer (deprecated)Defined the color of scrollbar arrows.
scrollbar-shadow-colorInternet Explorer (deprecated)Defined the shadow color.
scrollbar-darkshadow-colorInternet Explorer (deprecated)Defined the outer dark shadow color.
scrollbar-highlight-colorInternet Explorer (deprecated)Defined the highlight color.
scrollbar-3dlight-colorInternet Explorer (deprecated)Defined the 3D edge highlight color of the scrollbar.

  • Always use standard versions: cursor, filter, opacity, visibility, white-space.
  • Avoid !important except as a last resort, since it complicates CSS maintenance.
  • Properties related to Internet Explorer scrollbars and old browsers are deprecated.
  • To style a scrollbar today, use:
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #888 #eee;
}
/* Chrome, Edge, Safari (WebKit) */
*::-webkit-scrollbar {
width: 10px;
}
*::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
*::-webkit-scrollbar-track {
background: #eee;
}