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.


Table : Propriétés standards (à utiliser)
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.

Table : Propriétés obsolètes ou spécifiques
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;
}