Skip to content

Miscellaneous

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


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.

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;
}