CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung-CSS-Tutorial-php.cn

CSS: Einführung in das Wissen über Scrollbar-Attribute und die Stilklassifizierung

黄舟

Freigeben： 2017-07-03 11:11:00

Original

2083 Leute haben es durchsucht

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

Nach dem Login kopieren

2. Stellen Sie die Bildlaufleiste ein

Mehrzeiliges Textfeld

Keine horizontale Bildlaufleiste

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

Nach dem Login kopieren

Keine vertikale Bildlaufleiste

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

Nach dem Login kopieren

Keine Bildlaufleiste

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

Nach dem Login kopieren

oder

3. Legen Sie die Farbe der Fenster-Bildlaufleiste fest

Stellen Sie das Fenster ein. Die Farbe der Bildlaufleiste ist rot

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

4. Definieren Sie eine Klasse in der Stylesheet-Datei und rufen Sie das Stylesheet auf.

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

Nach dem Login kopieren

heißt so:

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

Nach dem Login kopieren

Beispiel:

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

Nach dem Login kopieren

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!