Heim >Web-Frontend >CSS-Tutorial >CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung
CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung
- 黄舟Original
- 2017-07-03 11:11:002111Durchsuche
Bildlaufleiste ist auch ein sehr häufig verwendeter Code in CSS
1. ÜberlaufEinstellungen bei Inhaltsüberlauf (Einstellung, ob das eingestellte Objekt Bildlaufleisten anzeigt)
overflow-xEinstellungen bei Inhaltsüberlauf in horizontaler Richtung
overflow -y Einstellungen, wenn vertikaler Inhalt überläuft
Die für die oben genannten drei Attribute festgelegten Werte sind sichtbar (Standardwert), scrollen, ausgeblendet und automatisch.
2． scrollbar-3d-light-color Die Farbe des hellen Randes der dreidimensionalen Bildlaufleiste (Legen Sie die Farbe der Bildlaufleiste fest)
scrollbar-arrow-color Die Farbe der dreieckigen Pfeile auf den Auf- und Ab-Schaltflächen
scrollbar-base-color Die Grundfarbe der Bildlaufleiste
scrollbar-dark-shadow-color Die Farbe des starken Schattens der dreidimensionalen Bildlaufleiste
scrollbar-face-color Die Farbe des hervorstehenden Teil der dreidimensionalen Bildlaufleiste
scrollbar-highlight-color Die Farbe des leeren Teils der Bildlaufleiste
scrollbar -shadow-color Die Farbe des Schattens der dreidimensionalen Bildlaufleiste 86oo wunderbares Tutorial
Wir erklären die oben genannten Stilattribute anhand mehrerer Beispiele:
1. Lassen Sie das Browserfenster niemals Bildlaufleisten haben.
Es gibt keine horizontale Bildlaufleiste oder
<body style="overflow-x:hidden">2. Stellen Sie die Bildlaufleiste ein
Mehrzeiliges Textfeld
Keine horizontale Bildlaufleiste
<body style="overflow-y:hidden">
Keine vertikale Bildlaufleiste
<body style="overflow-x:hidden;overflow-y:hidden">
Keine Bildlaufleiste
<body style="overflow:hidden"> http://www.o.com
oder
3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest
<textarea style="overflow-x:hidden"></textarea>scrollbar-base-color legt die Grundfarbe fest. Im Allgemeinen müssen Sie nur dieses Attribut festlegen, um die Änderung zu erreichen. Zweck der Bildlaufleistenfarbe.
Einige Spezialeffekte hinzufügen:
<textarea style="overflow-y:hidden"></textarea>
4. Definieren Sie eine Klasse in der Stylesheet-Datei und rufen Sie das Stylesheet auf.
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>heißt so:
<textarea style="overflow:hidden"></textarea>
Beispiel:
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
Das obige ist der detaillierte Inhalt vonCSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!