Aller au contenu

Divers

Cette catégorie regroupe plusieurs propriétés CSS utiles, qui ne relèvent pas directement des familles couleurs, textes ou arrière-plans.


PropriétéDescription
cursorDéfinit l’apparence du curseur de la souris (ex: pointer, text, wait).
filterApplique un filtre graphique moderne (ex: blur, grayscale, brightness).
opacityDéfinit l’opacité/transparence de l’élément (de 0 à 1).
visibilityDéfinit si un élément est visible (visible, hidden, collapse).
white-spaceDéfinit la gestion des espaces et des retours (normal, nowrap, pre, etc.).
!importantMot-clé permettant de donner la priorité absolue à une règle CSS.

Certaines propriétés étaient utilisées dans des navigateurs anciens (Internet Explorer, Netscape, vieux Mozilla).
Elles ne doivent plus être utilisées aujourd’hui.

PropriétéStatutExplication
filter (ancienne syntaxe)Internet Explorer (obsolète)Ancienne version des filtres CSS, remplacée par la propriété standard filter.
-moz-opacityMozilla (obsolète)Ancienne propriété pour gérer l’opacité, remplacée par opacity.
scrollbar-base-colorInternet Explorer (obsolète)Définissait la couleur principale de la barre de défilement.
scrollbar-face-colorInternet Explorer (obsolète)Définissait la couleur de la zone centrale de la barre de défilement.
scrollbar-track-colorInternet Explorer (obsolète)Définissait la couleur de la piste (track) de la barre de défilement.
scrollbar-arrow-colorInternet Explorer (obsolète)Définissait la couleur des flèches.
scrollbar-shadow-colorInternet Explorer (obsolète)Définissait la couleur de l’ombre.
scrollbar-darkshadow-colorInternet Explorer (obsolète)Définissait la couleur de l’ombre externe.
scrollbar-highlight-colorInternet Explorer (obsolète)Définissait la couleur des zones en surbrillance.
scrollbar-3dlight-colorInternet Explorer (obsolète)Définissait la couleur des bords en relief de la barre de défilement.

  • Utiliser les versions standards : cursor, filter, opacity, visibility, white-space.
  • Éviter !important sauf en dernier recours, car il complique la maintenance du CSS.
  • Les propriétés liées aux barres de défilement d’Internet Explorer et aux anciens navigateurs sont obsolètes.
  • Pour styliser une scrollbar aujourd’hui, utiliser :
/* 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;
}