Utilisez CSS pour modifier les barres de défilement
1. Paramètres lorsque le débordement de contenu déborde
Paramètres lorsque débordez le contenu horizontal déborde
Paramètres lorsque le débordement vertical déborde
Les valeurs définies par les trois attributs ci-dessus sont visibles (par défaut), défilement, cachée et auto.
2. Scrollbar-3D-Light-Color Couleur de bord brillant en trois dimensions
Couleur de couleur de barre de défilement de la flèche triangulaire sur le dessus du bouton
Couleur de base de la barre de défilement de la barre de base
Scrollbar-Dark-Shadow-Color Couleur d'ombre à barre de défilement en trois dimensions
Couleur de couleur de barre de défilement de la partie convexe de la barre de défilement tridimensionnelle
Couleur de la barre-highlight de la partie vierge de la barre de défilement
Couleur de la barre de défilement de l'ombre de la barre de défilement stéréoscopique
Les valeurs définies par les sept attributs ci-dessus sont des valeurs de couleur, et vous pouvez utiliser diverses expressions définies par la feuille de style.
En utilisant le contenu de définition de style ci-dessus, nous pouvons spécifier si les barres de défilement sont affichées et les styles de couleurs de la fenêtre du navigateur et des zones de texte multi-lignes. Le premier ensemble d'attributs de style est utilisé pour définir si la barre de défilement s'affiche. Le deuxième ensemble d'attributs de style est utilisé pour définir la couleur de la barre de défilement. Les attributs de style impliqués dans cet article ne peuvent être pris en charge que par IE. Le deuxième ensemble d'attributs de style ne peut être pris en charge que par IE version 5.5, veuillez donc faire attention lors du débogage.
Nous expliquerons les propriétés de style ci-dessus à travers plusieurs exemples:
1. Faites en sorte que la fenêtre du navigateur n'apparaît jamais
Pas de barre de défilement horizontale
<Style de corps = Overflow-X: Hidden>
Pas de barre de défilement verticale
<Style du corps = débordement-y: caché>
Pas de barre de défilement
<Style de corps = Overflow-X: Hidden; Overflow-y: Hidden> ou <Style Body = Overflow: Hidden>
2. Réglez la barre de défilement de la zone de texte multi-lignes
Pas de barre de défilement horizontale
Copier le code