Introduction à la définition des propriétés et des styles de la barre de défilement DIV

La barre de défilement DIV utilise la balise DIV pour intégrer la feuille de style CSS à l'intérieur Lorsque le contenu de la zone définie par le div atteint un certain niveau, intégrez la feuille de style CSS dans la balise div, définissez la valeur de l'attribut de débordement, et définissez les propriétés liées à la barre de défilement DIV.

Voici une description des propriétés de la barre de défilement p et des paramètres de style. La barre de défilement p utilise la balise p pour intégrer la feuille de style CSS à l'intérieur et ajouter la valeur de l'attribut de débordement de cette manière. la zone réglementée par p Lorsque le contenu à l'intérieur atteint un certain niveau, la barre de défilement s'avère pratique.

Attributs de la barre de défilement p et paramètres de style

La barre de défilement dite p utilise la balise p, y intègre la feuille de style CSS et ajoute la valeur de l'attribut de débordement , De cette façon, lorsque le contenu de la zone réglementée par p atteint un certain niveau, la barre de défilement sera utile. Sa fonction est probablement d'économiser de l'espace sur la page, ce qu'on appelle « réduire l'espace ».

Lorsque le contenu de la zone définie par p atteint un certain niveau, intégrez la feuille de style CSS dans la balise p, définissez la valeur de l'attribut de débordement et définissez les attributs liés à la barre de défilement p.

Exemple de code :

<styletylestyletyle="text/css"> 
.testDiv{  
border-style:solid;  
border-width:50px;  
border-color:pink;  
 
position:absolute;  
top:200px;  
left:300px;  
height:200px;  
width:300px;  
 
overFlow-x:scroll;  
overFlow-y:hidden;  
 
scrollBar-face-color:green;  
scrollBar-hightLight-color:red;  
scrollBar-3dLight-color:orange;  
scrollBar-darkshadow-color:blue;  
scrollBar-shadow-color:yellow;  
scrollBar-arrow-color:purple;  
scrollBar-track-color:black;  
scrollBar-base-color:pink;  
 
}  
 
</style>

Remarque :

1.overFlow :

Enregistrement visible valeur, il n'y a pas de barre de défilement p, la taille de la zone de support est automatiquement agrandie en fonction du contenu, c'est-à-dire que la zone définie n'est pas valide

le défilement affiche toujours la barre de défilement

cachée Il n'y a pas de barre de défilement et le contenu au-delà de la zone ne l'est pas. On peut voir que

auto détermine automatiquement s'il faut ajouter une barre de défilement en fonction du contenu

2.p Attribut de couleur de la barre de défilement :

face-color : couleur du curseur

hightlight-color : couleur de surbrillance

3dlight-color : couleur de la lumière tridimensionnelle

darkshadow-color : couleur de l'ombre

shadow-color : couleur de l'ombre

arrow-color : couleur de la flèche

track-color : couleur de la diapositive

base-color : La couleur principale de la barre de défilement p, qui contient le bouton de défilement et le curseur de défilement

3.overFlow-xoverFlow-y

valeur de sauvegarde visible, a pas de barre de défilement p, et agrandit automatiquement la taille de la zone en fonction du contenu, c'est-à-dire que la zone définie n'est pas valide

le défilement affiche toujours les barres de défilement

caché n'a pas de barre de défilement p, et le contenu au-delà de la zone est invisible

détermine automatiquement s'il faut ajouter des barres de défilement en fonction du contenu

1. Les experts expliquent ce que p signifie ?

2. JavaScriptCréation dynamique d'attributs et de styles p

3. La différence entre les éléments SPAN et les éléments p

4. Utilisation de l'attribut page-break-after en CSS2.0

5. Explorer la différence entre border:none et border:0 en CSS

Résumé :

Cet article vous décrit les propriétés et les paramètres de style de la barre de défilement p. -appelée barre de défilement p utilise la balise p, y intègre une feuille de style CSS et ajoute la valeur de l'attribut de débordement. De cette façon, lorsque le contenu de la zone réglementée par p atteint un certain niveau, la barre de défilement sera utile. .

Recommandations associées :

Analyse du style de la barre de défilement du contrôle CSS

Exemple détaillé de style de barre de défilement personnalisé CSS3

Exemple de paramètre CSS de style de barre de défilement div

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!