Maison > Article > interface Web > CSS : Introduction à la connaissance des attributs de la barre de défilement et à la classification des styles
CSS : Introduction à la connaissance des attributs de la barre de défilement et à la classification des styles
- 黄舟original
- 2017-07-03 11:11:002047parcourir
la barre de défilement est également un code très couramment utilisé en CSS. Présentons-le.
1. overflowParamètres lorsque le contenu déborde (définissant si l'objet défini affiche les barres de défilement)
overflow-xParamètres lorsque le contenu déborde dans la direction horizontale
overflow -y Paramètres en cas de débordement de contenu vertical
Les valeurs définies pour les trois attributs ci-dessus sont visibles (valeur par défaut), défilement, masqué et automatique.
2． scrollbar-3d-light-color La couleur du bord lumineux de la barre de défilement tridimensionnelle (définissez la couleur de la barre de défilement)
scrollbar-arrow-color La couleur des flèches triangulaires sur les boutons haut et bas
scrollbar-base-color La couleur de base de la barre de défilement
scrollbar-dark-shadow-color La couleur de l'ombre forte de la barre de défilement tridimensionnelle
scrollbar-face-color La couleur de la saillie partie de la barre de défilement tridimensionnelle
scrollbar-highlight-color La couleur de la partie vide de la barre de défilement
scrollbar -shadow-color La couleur de l'ombre de la barre de défilement tridimensionnelle 86oo merveilleux tutoriel
Nous expliquons les attributs de style ci-dessus à travers plusieurs exemples :
1. Laissez la fenêtre du navigateur ne jamais avoir de barres de défilement
Il n'y a pas de barre de défilement horizontale ou
<body style="overflow-x:hidden">2 Définissez la barre de défilement du.
zone de texte multiligne
Pas de barre de défilement horizontale
<body style="overflow-y:hidden">
Pas de barre de défilement verticale
<body style="overflow-x:hidden;overflow-y:hidden">
Pas de barre de défilement
<body style="overflow:hidden"> http://www.o.com
ou
3. Définir la couleur de la barre de défilement de la fenêtre
<textarea style="overflow-x:hidden"></textarea>scrollbar-base-color définit la couleur de base. Généralement, il vous suffit de définir cet attribut pour réaliser le changement. Objectif de la couleur de la barre de défilement.
Ajoutez quelques effets spéciaux :
<textarea style="overflow-y:hidden"></textarea>
4. Définissez une classe dans le fichier de feuille de style et appelez la feuille de style.
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>s'appelle ainsi :
<textarea style="overflow:hidden"></textarea>
Exemple :
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!