CSS : Introduction à la connaissance des attributs de la barre de défilement et à la classification des styles-tutoriel CSS-php.cn

CSS : Introduction à la connaissance des attributs de la barre de défilement et à la classification des styles

黄舟

Libérer： 2017-07-03 11:11:00

original

2115 Les gens l'ont consulté

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">

Copier après la connexion

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">

Copier après la connexion

Pas de barre de défilement verticale

<body style="overflow-x:hidden;overflow-y:hidden">

Copier après la connexion

Pas de barre de défilement

<body 
style="overflow:hidden"> http://www.o.com

Copier après la connexion

ou

3. Définir la couleur de la barre de défilement de la fenêtre

Définir la fenêtre La couleur de la barre de défilement est rouge

<textarea style="overflow-x:hidden"></textarea>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

s'appelle ainsi :

<textarea style="overflow:hidden"></textarea>

Copier après la connexion

Exemple :

<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

Copier après la connexion

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!