Einführung in das Festlegen der Eigenschaften und Stile der DIV-Bildlaufleiste

Die DIV-Bildlaufleiste verwendet das DIV-Tag, um ein CSS-Stylesheet einzubetten. Wenn der Inhalt des durch das div definierten Bereichs eine bestimmte Ebene erreicht, betten Sie das CSS-Stylesheet in das div-Tag ein und definieren Sie den Überlaufattributwert. und legen Sie die Eigenschaften der DIV-Bildlaufleiste fest.

Hier finden Sie eine Beschreibung der Eigenschaften und Stileinstellungen der p-Bildlaufleiste. Die sogenannte p-Bildlaufleiste verwendet das p-Tag, um das CSS-Stylesheet einzubetten und den Überlaufattributwert hinzuzufügen der durch p regulierte Bereich Wenn der Inhalt darin ein bestimmtes Niveau erreicht, ist die Bildlaufleiste praktisch.

Attribute und Stileinstellungen der p-Bildlaufleiste

Die sogenannte p-Bildlaufleiste verwendet das p-Tag, bettet das CSS-Stylesheet darin ein und fügt hinzu der Überlaufattributwert. Auf diese Weise ist die Bildlaufleiste praktisch, wenn der Inhalt in dem durch p regulierten Bereich ein bestimmtes Niveau erreicht. Seine Funktion besteht wahrscheinlich darin, Seitenplatz zu sparen, was das sogenannte „Verkleinern des Platzes“ ist.

Wenn der Inhalt des durch p definierten Bereichs ein bestimmtes Niveau erreicht, betten Sie das CSS-Stylesheet in das p-Tag ein, definieren Sie den Attributwert des Überlaufs und legen Sie die Attribute fest, die sich auf die p-Bildlaufleiste beziehen.

Beispielcode:

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

Hinweis:

1.overFlow:

sichtbar Speichern Wert, es gibt keine p-Bildlaufleiste, die Größe des Unterstützungsbereichs wird automatisch entsprechend dem Inhalt erweitert, dh der definierte Bereich ist ungültig

Scrollen zeigt immer die Bildlaufleiste an

versteckt Es gibt keine Bildlaufleiste und der Inhalt außerhalb des Bereichs ist nicht vorhanden. Es ist ersichtlich, dass

automatisch anhand des Inhalts automatisch bestimmt, ob eine Bildlaufleiste hinzugefügt werden soll

2.p Farbattribut der Bildlaufleiste:

Gesichtsfarbe: Schiebereglerfarbe

Hightlight-Farbe: Hervorhebungsfarbe

3dlight-Farbe: dreidimensionale Lichtfarbe

darkshadow-color: Schattenfarbe

shadow-color: Schattenfarbe

arrow-color: Pfeilfarbe

track-color: Slide-Farbe

Grundfarbe: Die Hauptfarbe der p-Bildlaufleiste, die die Bildlaufschaltfläche und den Bildlaufschieberegler enthält

3.overFlow-xoverFlow-y

sichtbarer Speicherwert, hat Keine p-Bildlaufleiste, und die Größe des Bereichs wird automatisch entsprechend dem Inhalt erweitert, d. und Inhalte außerhalb des Bereichs sind unsichtbar

automatisch bestimmt anhand des Inhalts automatisch, ob Bildlaufleisten hinzugefügt werden sollen

Experten erklären, was p bedeutet?

1. JavaScript
Dynamische Erstellung von p-Attributen und -Stilen

2. Der Unterschied zwischen SPAN-Elementen und p-Elementen

3. Verwendung des Page-Break-After-Attributs in CSS2.0

4. Untersuchung des Unterschieds zwischen border:none; und border:0 in CSS

Zusammenfassung:

Dieser Artikel beschreibt Ihnen die Eigenschaften und Stileinstellungen der p-Bildlaufleiste Die sogenannte p-Bildlaufleiste verwendet das p-Tag, bettet ein CSS-Stylesheet ein und fügt den Überlaufattributwert hinzu. Wenn der Inhalt in dem durch p regulierten Bereich ein bestimmtes Niveau erreicht, ist die Bildlaufleiste praktisch .

Verwandte Empfehlungen:

Analyse des CSS-Steuerelement-Bildlaufleistenstils

Detailliertes Beispiel für den benutzerdefinierten CSS3-Bildlaufleistenstil

Beispiel für die CSS-Einstellung des Div-Bildlaufleistenstils

Das obige ist der detaillierte Inhalt vonEinführung in das Festlegen der Eigenschaften und Stile der DIV-Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!